参考:高德地图开放平台效果图(显示起点和终点,并显示出其路径):准备工作:首先,要在高德地图上注册,获得一个 web端的 key值然后在网页上引用它<script type="text/javascript" src='https://webapi.amap.com/maps?v=1.4.13&key=yourKey&plugin=AMap.TruckDriving'>
转载
2023-06-14 11:21:12
202阅读
这段时间做的一个项目,需要在地图上绘制简单的图形。在学习高德地图JS API的过程中,发现高德地图提供的点、线等API并不能满足我的需求,还好它开放了自定义图层CustomLayer,官方说自定义图层支持canvas、svg、甚至dom,这里我用的是svg,多说无益,上代码。 一、高德地图以下的步骤在官方文档中都有,而且官方文档比较齐全。首先需要去高德API官网申请自己的key,此步略过。拿到ke
转载
2023-09-28 11:27:15
664阅读
实现(轨迹回放)方式有两种:第一种是使用 JS API 和 AMap.PolyLine(折线)等图形配合实现。第二种是使用 JS API 和 AMapUI 组件库 配合使用,利用 PathSimplifier(轨迹展示组件)绘制出行动轨迹。方案选择以上两种实现方式我们可以根据两个因素 来决定哪一种更加适合自己:节点数量 的多少、排布的密集度 。前者适合节点数量较少,排布比较稀松,例如,出租车轨迹回
最近由于项目中需要制作一个地图,用来选择活动地点,我就花了两天利用高德地图的javascriptAPI自制了一个地图的demo。在这了记录一下我学习的过程。 一、进入高德地图官网,再找到高德地图的开放平台,我是做前端的,所以使用的是javascriptAPI。 地图的功能很多,使用API可以自己定制自己想要的功能。在使用前需要自己申请一个Key,引入API的时候会用到这个key。 二
转载
2023-07-06 17:03:07
181阅读
思路:绘制折线显示路网信息 前提:已知线段起终点坐标及路况状态(一般通过颜色区分) 步骤: 1、按指导文档配置,显示地图(这里就不讲了) 2、监听地图状态变化,获取当前地图状态(主要是获取缩放级别,变更线段粗细)aMap.setOnCameraChangeListener(new AMap.OnCameraChangeListener() {
@Override
转载
2023-08-29 19:19:55
180阅读
1.创建一个Empty Activity 的应用项目 a.File->New->New Project b.选择Phone and Table -> Empty Activity ->NEXT->finish 2.去高德地图官网获取SDK官网地址:高德开放平台 | 高德地图API (amap.com) &
转载
2023-10-04 08:00:25
227阅读
最近在做一个使用高德地图api展示自定义地点的项目,为什么会使用高德,而不使用百度、谷歌等其他公司的api开发,这纯粹是因为个人的偏好,笔者本人因为长期使用高德导航,所以对它颇多青睐。 高德地图提供的api包括Android,iOS,javascript的api,开发文档非常的详细,如果担心开发文档看不懂的同学,高德还提供了详尽的开发实例,现成的代码再I加上可以实时修改代码运行程序,用户体
一、原理在高德地图使用的时候,我们在给定起点和终点的时候就可以规划出线路,但是有时候我们需要车按指定的站点进行运行和线路规划,那么,此时的话就必须自己去重新来规划这个线路,原理也很简单,就是获取到你要经过的那些地方的经纬度(经纬度一定要是准确的经纬度,这里在获取的时候可以通过地理编码去获取),在获取到经纬度之后把数据传递到线路规划的方法里面,这样就可以完成线路的自定义规划!二、获取要经过的站点经纬
转载
2023-07-03 16:34:24
391阅读
如何添加高德地图和瓦片地图在线资源1. 演示效果2. 代码添加3. 瓦片地图在线资源3.1 高德地图3.2 天地图3.3 其它地图源相关链接 所有的热爱都要不遗余力,真正喜欢它便给它更高的优先级,和更多的时间吧!关于QGC地面站其它文章请点击这里: QGC地面站1. 演示效果 QGC地面站上地图源不是用
开发背景:目前做车载项目,领导要求用高德地图。整理了一下,差不多就是下面的目录:一、创建生成keystore;二、SHA1值的申请;三、高德地图key值申请;四、android studio 打包生成apk; 好了,废话不多说,直接开始图文说明:一、ke
在使用地图模块中很多时候我们都需要在地图中使用自定义的Marker,并且自定义点击弹出框事件,下面我将带大家一起来看如何在地图中进行Marker的添加和使用。1、首先我们先初始化需要的参数对象。MapView planDetailMap;
//自定义窗体
private View infoWindow = null;
private HashMap<Integer, Marker> m
1、问题背景 这里有张武汉市地图,点击按钮在地图上指定经度、纬度下添加小图标2、实现源码 高德地图-添加自定义图标 3、实现...
转载
2016-05-25 22:58:00
482阅读
2评论
因为自己平时上班也是比较忙,遇到什么写什么,希望能给现在的你一些帮助,都是自己在工作中遇到的问题,给自己一个提醒,也是分享,相信很多人在做高德地图开发的时候,对于新手,官方的demo解读单个marker的生成还是很简单的,我记得官方给多了很多生成点样式的各个讲解,所以今天也是跟大家分析关系markers的生成和点击事件首先,要知道生成marker的重要关键在于,经纬度,也就是Longitude和L
目录下面是使用高德地图进行标点连线的使用:1.定义一个装载地图的容器,并定义进行标点和连线的数据 2.在组件的mounted钩子函数中初始化地图,给地图添加点击事件监听器。3.使用高德地图的Polyline类来绘制连接线。这是上面代码的效果:4.使用自定义图标5. 设置点标注的文本标签及提示这是使用了自定义图标及文字提示的效果:下面是使用高德地图进行标点连线的使用:1.定义一个
最近项目需求,需要使用leaflet封装成一个vue组件,涉及功能主要有高德自定义样式地图封装为leaflet底图图层、自定义坐标系、topjson省市区街道下钻、线面区域热力层、飞线、点聚合图标撒点等功能。记录下开发遇到的问题,欢迎一起交流学习。 本来使用leaflet主要用于客户本地部署加载离线地图,但在线使用免费的瓦片地址样式很单一,如果想改变底图样式就很麻烦,搜查资料有一个改变地
转载
2023-09-23 15:43:11
198阅读
前言 本章根据高德地图API,实现打卡签到功能。用到了定位SDK 和地图SDK、覆盖物。打卡范围图形可以支持多种形状,如:圆形、长方形、多边形。核心逻辑: 获取当前定位信息,然后通过Marker绘制小图标进行展示,并在onLocationChanged回调方法中不断重新绘制当前位置Marker以保持时时最新。在指定打
<!-- 地图 -->
<div>
<!-- 查询地点-->
<div class="searchWrap">
<input type="text" class="searchPlace" v-model="searchVal">
&l
转载
2023-09-30 23:29:11
118阅读
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="tex
原创
2023-03-02 07:28:21
196阅读
谷歌卫星地图分多个级别,虽然每个级别对应了相应比例,但这些比例并不是标准比例尺(如1:2000,1:5000和1:10000等),那么有没有办法将谷歌高清卫星地图按固定比例尺输出呢?这里,我们可以借助GlobalMapper的影像输出功能来实现1:2000的卫星影像输出。启动万能地图下载器之后,点击顶部工具栏“下载”中的“多边形下载”工具,在视图中选择需要下载的范围。 选下载范围在范围中
方法一:调用:Marker localMarker=mAMap.addMarker(new MarkerOptions().position(localLatLng)//.icon(BitmapDescriptorFactory.fromBitmap(BitmapFactory.decodeResource(getResources(), R.drawable.map_location_icon))));/*.icon(BitmapDescriptorFactory.fromView(get
转载
2021-08-13 10:28:02
1972阅读