首页 > 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