1.使用场景 地图的使用场景非常广泛，地图定位可以直观的说明位置及周边环境，让用户更好的了解地理位置信息，更好的规划路径，以方便出行，定位，导航等成为互联网最常见的功能之一。 2.技术介绍 市面上常见的地图API有很多，例如： 百度地图API：http://lbsyun.baidu.com 高德地图 ...
首先npm 引入 import AMapLoader from "@amap/amap-jsapi-loader"; 在生命周期里加载实例 data(){ return { amap:{}, // 存放高德地图实例对象 mapObj: {}, // 存放当前绘画出的地图对象 }}mounted() ...
分类：
移动开发 时间：
2021-03-17 14:04:03
阅读次数：
0
第一步：在项目中创建一个js文件，然后把下面的代码全部拷贝进去 /** * 高德地图定位 * @type {{}} */ export const location = { initMap(id){ let mapObj = new AMap.Map(id, {}) let geolocation; ...
分类：
其他好文 时间：
2021-03-05 13:07:43
阅读次数：
0
上一次已经能正常显示地图，并定位到当前用户所在位置。如果用户滑动地图，那么地图的中心点就不是当前位置了，如果滑动的距离远，再手动回到当前位置是非常麻烦的。 接下来我们添加一个功能，在地图的左下角添加一个‘center’图标，点击这个图标，地图中心点就回到当前位置。效果如下图所示： 左下角那个黑色的圆 ...
分类：
微信 时间：
2020-07-09 01:22:48
阅读次数：
121
1、原先是通过百度地图API getCurrentPosition来获取坐标，然后再显示出来。可是定位极其不准确。后突然想进来微信网页正好有定位功能。 2、通过微信定位得出来的坐标是wgs84格式，需要转换一下才能在百度地图中显示。 3、查找资料，找到相关办法。链接 4、话不多说，上代码 wx.ge ...
分类：
微信 时间：
2020-07-06 20:07:16
阅读次数：
224
前言 前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获（毕竟我还是个菜鸟）以及代码的实现，希望能够帮到一些 ...
分类：
Web程序 时间：
2020-06-11 00:47:32
阅读次数：
95
前言 前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获（毕竟我还是个菜鸟）以及代码的实现，希望能够帮到一些 ...
分类：
Web程序 时间：
2020-05-03 16:31:43
阅读次数：
75
1.遇码则码队 作品名称：keep running 评价：在地图定位，地图展示，地图旋转，记录人运动多长时间，在运动后10秒再开始及时，记录人跑了多少距离的方面的录功能很好，但是是界面美化需要，并且希望音乐可以实现联网搜索功能。 2.响当当队 作品名称：Fooks 评价：在主界面的展示令人感到美观， ...
分类：
其他好文 时间：
2020-05-02 19:23:35
阅读次数：
77
ol之地图定位 1.通过extent定位 let extent = vectorSource.getExtent() this.view.fit(extent) 2.通过点、zoom定位 this.view.setZoom(_zoomLevel); this.view.setCenter(ol.ex ...
分类：
其他好文 时间：
2020-04-22 20:02:37
阅读次数：
145
"amap_location 包" 获取debug SHA1 获取发布的 SHA1 其他设置可以参考文档 ...
分类：
其他好文 时间：
2020-04-22 12:52:38
阅读次数：
227
