首页 > TAG信息列表 > lnglat

prop传值， watch监听

1. 使用prop传值： export default { props: { data: { default:()=> { return {} }， type: Object } } }2. watch使用： watch: {     data: {       handler (n) {         // 关闭组件时初始化         if (n

vue使用天地图

 国家地理信息公共服务平台 天地图 1.引入 ： 在 index.html 中引入（tk自己在官网上申请）    <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk="></script>  2.使用  <div id="world-chart"></div> export defaul

高德地图绘制纯文本、绘制maker及给其绑定事件方法、绘制区域方法小结

我们常需要利用高德地图在地图图层上面绘制文本、maker等内容，有必要小结一下； 情形一：绘制纯文本 封装方法如下： addText( textData, style = { "font-size": "12px", color: "#fff", backgroundColor: "transparent", border: "

高德地图制作省级地图

let map = new AMap.Map("maps", { //maps是容器的id名 zoom: 4, //地图显示的缩放级别 layers: [ new AMap.TileLayer.Satellite({ //卫星模式 zIndex: 0 }) ], mapStyle: "amap://styles/darkblue" //showIndoorMap:

Android6.0（Api23）以后 WebView定位失效问题

Android WebView 加载网页url中，H5通过js获取位置定位信息。 /** * 地图相关 */ window.init = function() { var map = new AMap.Map('mapContainer', { resizeEnable: true, zoom: 14 }); /*获取实时定位*/ map.plugin('AMap.Geolocation', function() { geol

高德地图-Vue-amap实现POI搜索+自定义点

效果：既可以搜索高徳地图上的点，也可以搜索自定义的点。自定义的点放在列表的前面 这里使用官方UI里面的misc/PoiPicker  效果展示： 组件代码： <template> <section class="content"> <div class="box no-border tms-panel"> <div class="box-header tms-panel-header