随笔分类 - 地图
摘要：你需要传入的数据类型如下： // 取面对象 中心点 var calculateCenter = function (lnglatarr) { var total = lnglatarr.length; var X = 0, Y = 0, Z = 0; lnglatarr.forEach(functi
阅读全文
摘要：地址： https://lbs.amap.com/tools/picker 作者：微微一笑绝绝子出处：https://www.cnblogs.com/wwyxjjz/p/16291314.html本博客文章均为作者原创，转载请注明作者和原文链接。
阅读全文
摘要：想要的效果如下 ： 高德地图 && 信息窗体 步骤一： 申请高德key 高德开放平台 | 高德地图API (amap.com) （可参考博客： [996]如何申请高德地图用户Key_周小董的博客-CSDN博客_高德开发者平台申请key） 步骤二： npm安装 npm install vue-amap
阅读全文
摘要：这次绝绝子要放大招了 。。。 地图点线面默认效果： 想实现的效果： 功能一：点线面渲染数据 功能二：点、线段、面积 坐标及图形颜色 跟左侧图例保持一致 功能三：选择（右下）自定义样式 改变地图背景颜色（切换主题色） 后台返回数据格式如下： 实现功能一： 1.模拟数据代码如下（将这段代码直接放进项目
阅读全文
摘要：emmmm~由于项目中需要信息窗体（如下效果图），官方信息窗体的demo是html的，百度查了好久Vue实现infoWindow，有些是代码不全，有些不方便直接使用，所以自己整理了一下代码，方便以后项目使用，要是能帮助到更多人的人就更好了，这也是我写博客的初衷：记录自己的成长历程...... 官方网
阅读全文
摘要：Vue项目中使用高德地图详细步骤如下 一.获取高德地图的key 获取地址：高德开放平台https://lbs.amap.com/ 1.手机号登录高德开放平台 2. 3、选择web服务，然后提交，就会生成key的值 二.npm 安装 vue-amap npm install --save vue-am
阅读全文
摘要：在created中调用下面函数 clearMapstore() { localStorage.removeItem("_AMap_vectorlayer"); localStorage.removeItem("_AMap_wgl"); localStorage.removeItem("_AMap_s
阅读全文
摘要：最近配合后台做管理系统，需要前端用原生html页面嵌入到后台，于是乎...记录下原生JS怎么使用高德地图吧 一.获取高德地图的key 获取地址：高德开放平台https://lbs.amap.com/ 1.手机号登录高德开放平台 2. 3、选择web服务，然后提交，就会生成key的值 二.定义放地图的
阅读全文
