夏夏

先来描述一下问题：基于展示车辆轨迹的需求，使用了高德地图的PathSimplifier轨迹展示组件，在PC端使用没有问题，但是切换到手机端就会有问题，加载不到PathSimplifier。分析原因：1.AMapUI是否加载到，测试没有问题2.考虑到我们办公环境受网络限制，于是在真机上测试，也是加载不到3.可能手机端和PC端的浏览器版本问题，但是在同一个浏览器下也是不行解决：尝试了很多方式，准备另辟蹊径时，做了最后的挣扎，再仔细查看官方文档，目的是看看加载组件是有没有特殊要求，于是

先看实现效果：直接上代码（如果有用欢迎大家鼠标三连）：<template> <div id="map_index"></div></template><script>export default { name:"ditu", data(){ return{ amap:null, zoom:4, pointData:..

查看官方文档，Marker类的属性，方法，事件等，官方地址：覆盖物-参考手册-地图 JS API | 高德地图API高德开放平台官网https://lbs.amap.com/api/javascript-api/reference/overlay#marker查看官方文档发现MarkerOptions中有extData属性，是用户自定义属性，支持JavaScript API任意数据类型，如Marker的id等。继续往下，会发现有对应的设置与获取自定义数据的方法，直接相当完美了，直接上代..

实现效果：页面渲染：<!-- 地图搜索栏 --> <div class="tool_search" v-if="this.toolShow && this.toolSerach"> <el-input id="tipInput" v-model="inputSearchVal" placeholder="请输入搜索名称"> <el-button slot="append" icon="el-icon-search

首先我想先说一下自己遇到的问题：以上是我尝试的写法以及报错，最后在参考了一个帖子之后解决。下面是我参考的链接，非常感谢 我想当喝水人https://blog.youkuaiyun.com/qq_39503511/article/details/110918668...

实现效果：完整页面代码：<template> <div id="shishijiankong"> <div class="top"> <div class="top_left"> <ul> <li v-for="(item, i) in shishiTypes" :key="i" :class="

继上一篇文章（）优化后的完整代码：<template> <div id="map_index"></div></template><script>import axios from 'axios'export default { name:"ditu", data(){ return{ amap:null, } }, methods: {.

1，分析1.1一、首先分析思路1.下载中华人民共和国高德地图数据包2.页面加载完成在地图对省级（找到对应中心点）进行打点标注3.为标注添加点击事件，传参为当前点击省的adcode,调用高德地图行政区域查询API服务详见官方文档：https://lbs.amap.com/api/webservice/guide/api/district4.市区级依次类推二、代码实现1.引入数据包import zhongguo from '@/utils/amap/zhong...

这个问题说的 是没有初始化，解决如下：参考：https://blog.youkuaiyun.com/shidaping/article/details/78537730

1.安装npm install --save vue-amap2.在main.js中引用import VueAMap from 'vue-amap'Vue.use(VueAMap)VueAMap.initAMapApiLoader({ key: '', plugin: ['AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PlaceSearch', 'AMap.Geolocation', 'AM