高德地图
正函数
一呼吸,一天地
展开
-
vue使用高德地图报错Unable to preventDefault inside passive event listener invocation.
之前项目使用高德地图 一直都没问题 不知道怎么会遇到这种问题 鼠标在地图上移动就会报错 搞了好久禁止使用 default-passive-events 如果发现删除就不会报错了 怕pagejson文件删除 重新下载依赖原创 2020-09-15 17:38:28 · 2460 阅读 · 8 评论 -
vue 引入原生高德地图API
第一步 在index.html中引入 第二步在根目录下创建 vue.config.js 文件module.exports = { configureWebpack: { externals: { 'AMap': 'AMap', 'AMapUI': 'AMapUI' } } };...原创 2020-01-19 14:25:09 · 2888 阅读 · 0 评论 -
草稿
`; }, // 搜索周边 // 搜索周边 placeSearch(userInfo) { let MSearch; this.aMap.plugin( ["AMap.PlaceSearch", "AMap.Geocoder", "AMap.ToolBar", "AMap.Scale"]...原创 2020-01-11 20:20:10 · 101 阅读 · 0 评论 -
vue-amap高德地图
功能介绍(历史轨迹,一键导航,显示附近医院,公安局)这篇相对于之前发的比较完整,思路比较清晰.代码如下 <template> <div class="content"> <div class="amap-wrapper"> <el-amap class="amap-box" vid="amap" :zoom="zoom" :...原创 2019-12-06 11:28:58 · 1051 阅读 · 0 评论 -
vue-amap报错TypeError: v.w.uh is not a constructor 完美解决
之前用别的功能都没什么错误,后来想用折线功能做个历史轨迹发现了这个问题我不是在man.js 中引入了吗~~~~ 第一次出现这种错误 蒙的一B首先,我们在man.js 引入 使用了vue.use(VueAMap) 转化后是defar执行 属于延迟执行脚本所以 我们在index.html 中引入 让他加载完成之后再执行之后的代码 <script type="text/javascrip...原创 2019-12-02 14:35:31 · 2959 阅读 · 1 评论 -
vue使用原生高德地图
在index.html 中引入 <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.15&key=你的key值&plugin=Map3D,AMap.DistrictLayer,AMap.Scale,AMap.ToolBar"></script> <...原创 2019-11-26 16:50:12 · 1914 阅读 · 1 评论 -
vue使用高德地图(v-amap)信息窗体里面的给点击事件
1.打开信息窗体上个文章已有(点击bbbb)2.在项目中可能打开信息窗体里面可能还需一些功能,所以点击事件是必不可少的3.利用事件委托 e.target判断是否是自己想要的点击的dom元素或者用settimeout也行4.如果点击其他地方出现报错 就在 destory生命周期里面把事件移除掉我这里就直接上代码 了 <template> <div class="...原创 2019-11-17 16:59:04 · 9717 阅读 · 11 评论 -
vue高德地图点击出现信息窗体
安装就不说了,附上代码(复制粘贴就行) <template> <div class="content"> <div class="amap-wrapper"> <el-amap class="amap-box" :zoom="zoom" :center="center" :mapStyle="mapStyle"> ...原创 2019-11-17 13:44:19 · 4554 阅读 · 12 评论