高德地图
Sun_Gem
努力,努力,再努力!
展开
-
高德地图api只显示某一行政区域的地图,其他周边地区的都不显示
<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <titl转载 2021-05-21 17:01:31 · 3721 阅读 · 0 评论 -
地图坐标系之间的转换
百度坐标、国测局坐标(火星坐标,GCJ02)、WGS84坐标系、高德坐标系之间的转换coordinate.js 源文件/** * 百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换 *///UMD魔法代码// if the module has no dependencies, the above pattern can be simplified to(function (root, factory) { if (typeof define =.转载 2021-05-21 16:46:13 · 313 阅读 · 0 评论 -
高德地图判断点是否在圆或多边形内
<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <titl原创 2021-05-08 17:21:59 · 1695 阅读 · 0 评论 -
高德地图获取点到线的直线距离
最近写高德地图的时候遇到一个功能,地图初始化时存在一条轨迹线,用户在地图上可以自己重新编辑一条新轨迹,判断初始化时的轨迹有无偏移。原理就是用户在点击每个点时获取点到线的最短距离,判断距离有无超出限制。下面就用死数据简单说明一下实现过程...原创 2021-05-19 15:00:51 · 1042 阅读 · 0 评论 -
高德地图设置默认弹窗
以往在高德地图中使用弹窗都是定义infoWindow来实现,但是infoWindow在高德地图中有且只能存在一个,所以当地图上多个点都需要同时展示弹窗时就可以用到setLabel默认弹窗效果。简单示例一下let marker = new AMap.Marker({ map: map, icon: this.icon, // 标点事先有定义,这边不详细说明});marker.setLabel({ offset: new AMap.Pixel(40, -20), //显示位置 co.原创 2021-05-19 15:21:11 · 1277 阅读 · 0 评论 -
高德Api绘制线路轨迹
绘制线路轨迹可通过定时器画Polyline实现效果,但是高德api中有moveAlong方法,实现起来更简单,下面是示例。let marker = new AMap.Marker({ map: map, icon: this.icon, // 事先定义});let passedPolyline = new AMap.Polyline({ map: map, strokeColor: 'red', //线颜色 strokeOpacity: 1, //线透明度 strokeWeig.原创 2021-05-19 15:44:47 · 4238 阅读 · 1 评论 -
高德地图通过定时器绘制线路轨迹
<template> <div class="speed_test"> <div id="map"></div> </div></template><script>var map = "";var polyline = "";export default { data() { return { line: { 苏A123: [ {原创 2021-05-19 15:55:46 · 533 阅读 · 0 评论 -
高德地图绘制省市边界,根据指标各市显示不同状态
高德api中提供了绘制边界方法,引用简单,只需传入省市名称即可,以下以江苏省示例,为演示效果自定义原创 2021-05-19 17:04:49 · 4379 阅读 · 1 评论