最近在做一个使用高德地图api展示自定义地点的项目,为什么会使用高德,而不使用百度、谷歌等其他公司的api开发,这纯粹是因为个人的偏好,笔者本人因为长期使用高德导航,所以对它颇多青睐。 高德地图提供的api包括Android,iOS,javascript的api,开发文档非常的详细,如果担心开发文档看不懂的同学,高德还提供了详尽的开发实例,现成的代码再I加上可以实时修改代码运行程序,用户体
转载
2024-02-05 15:26:50
58阅读
这段时间做的一个项目,需要在地图上绘制简单的图形。在学习高德地图JS API的过程中,发现高德地图提供的点、线等API并不能满足我的需求,还好它开放了自定义图层CustomLayer,官方说自定义图层支持canvas、svg、甚至dom,这里我用的是svg,多说无益,上代码。 一、高德地图以下的步骤在官方文档中都有,而且官方文档比较齐全。首先需要去高德API官网申请自己的key,此步略过。拿到ke
转载
2023-09-28 11:27:15
843阅读
参考:高德地图开放平台效果图(显示起点和终点,并显示出其路径):准备工作:首先,要在高德地图上注册,获得一个 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
341阅读
实现(轨迹回放)方式有两种:第一种是使用 JS API 和 AMap.PolyLine(折线)等图形配合实现。第二种是使用 JS API 和 AMapUI 组件库 配合使用,利用 PathSimplifier(轨迹展示组件)绘制出行动轨迹。方案选择以上两种实现方式我们可以根据两个因素 来决定哪一种更加适合自己:节点数量 的多少、排布的密集度 。前者适合节点数量较少,排布比较稀松,例如,出租车轨迹回
转载
2023-12-10 16:47:10
47阅读
# Android 高德地图自定义使用指南
在移动应用开发中,地图功能是非常常见的一项需求,而高德地图作为国内使用广泛的地图服务,提供了丰富的API支持。本文将向您介绍如何在Android中使用高德地图自定义地图样式和视图,并提供示例代码、状态图和类图,帮助您更好地理解这一过程。
## 环境准备
在开始之前,您需要在以下环境中进行开发:
1. **Android Studio**: 确保您
最近由于项目中需要制作一个地图,用来选择活动地点,我就花了两天利用高德地图的javascriptAPI自制了一个地图的demo。在这了记录一下我学习的过程。 一、进入高德地图官网,再找到高德地图的开放平台,我是做前端的,所以使用的是javascriptAPI。 地图的功能很多,使用API可以自己定制自己想要的功能。在使用前需要自己申请一个Key,引入API的时候会用到这个key。 二
转载
2023-07-06 17:03:07
205阅读
思路:绘制折线显示路网信息 前提:已知线段起终点坐标及路况状态(一般通过颜色区分) 步骤: 1、按指导文档配置,显示地图(这里就不讲了) 2、监听地图状态变化,获取当前地图状态(主要是获取缩放级别,变更线段粗细)aMap.setOnCameraChangeListener(new AMap.OnCameraChangeListener() {
@Override
转载
2023-08-29 19:19:55
247阅读
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
289阅读
Android高德地图是许多开发者都会用到的地图方案,尤其在移动应用开发中。自定义标记(mark)能够帮助开发者在地图上标出特定位置,以显示重要信息。本文将详细介绍如何在Android高德地图中自定义标记,包括环境准备、分步指南、配置详解、验证测试、优化技巧以及排错指南。
### 环境准备
在开始之前,确保您的开发环境已准备好。以下是需要安装的前置依赖:
```bash
# 安装高德地图S
Android高德地图自定义Mark并实现聚合效果起因:公司本来项目里面用到了高德地图,然后最近老板看见别人的APP里面有个聚合的这个功能,老板:“这个效果能不能实现,我也要!”没有办法因为以前没有做过高德地图点聚合这个东西,然后只能勉强的答应下来可以,然后就去看了高德开发者平台上面的给我说的点聚合,看完以后(星星你个大星星),能不能写例子,要是像他那个说的那个简单我真的就是谢谢了!没办法只能去下
在高德地图中,Marker 的自定义图片可以通过 AMap.Icon 来实现。通过设置 Marker 的图标为自定义图片,你可以控制标记的样式、大小、以及其它属性。下面是详细的步骤和示例代码。1. 基本步骤:使用自定义图片设置 Marker// 创建地图
var map = new AMap.Map('container', {
center: [116.397428, 39.909
1、问题背景 这里有张武汉市地图,点击按钮在地图上指定经度、纬度下添加小图标2、实现源码 高德地图-添加自定义图标 3、实现...
转载
2016-05-25 22:58:00
584阅读
2评论
# iOS 高德地图 MAAnnotationView 自定义实现指南
在 iOS 开发中,使用高德地图进行地图的显示和功能实现是个常见的需求。在这篇文章中,我将手把手教你如何自定义 `MAAnnotationView`,以便在地图上展示自己的标注。我们将分步骤完成这个任务,以下是整个流程概览。
## 流程步骤
| 步骤 | 任务描述 |
|------|----------|
| 1
## 如何在 Android 中使用高德地图自定义 Marker
在 Android 开发中,自定义 Marker 是实现地图应用个性化的重要部分。本文将通过简单的步骤教会你如何使用高德地图创建自定义 Marker。以下是整个流程的概述:
| 步骤 | 说明 |
|------|-------------------------------|
## 实现 Android 高德地图自定义方位的流程
在开发一个应用时,你可能需要在地图上显示自定义方位。这篇文章将指导你如何使用 Android 的高德地图 SDK 实现自定义方位的功能。下面是实现该功能的步骤。
### 步骤流程
| 步骤 | 描述 |
|----------|---------------
# 实现 Android 高德之旅自定义地图的步骤
本文将详尽讲解如何在 Android 应用中集成高德地图实现自定义地图功能。我们将一步一步的分析整个过程,适合刚入行的小白。首先,我们来概括整个实现流程,随后再细致展开每一步的具体做法及相关代码。
## 流程概览
以下是实现高德之旅自定义地图的核心步骤及说明:
| 步骤 | 描述
vue中使用高德地图自定义开发用一个在地图上挖宝的小例子,来总结下自己使用高德地图的心得。起步-加载高德地图// 进入
cd utils
// 创建AMap.js文件
vim AMap.jsAMap.jsexport default function MapLoader() {
return new Promise((resolve, reject) => {
if (wind
点线面工具的核心代码 that.mouseTool = new AMap.MouseTool(that.map);
//监听draw事件可获取画好的覆盖物
that.overlays = [];
that.mouseTool.on('draw', function(e) {
that.overlays.push(e.obj);
con
一、原理在高德地图使用的时候,我们在给定起点和终点的时候就可以规划出线路,但是有时候我们需要车按指定的站点进行运行和线路规划,那么,此时的话就必须自己去重新来规划这个线路,原理也很简单,就是获取到你要经过的那些地方的经纬度(经纬度一定要是准确的经纬度,这里在获取的时候可以通过地理编码去获取),在获取到经纬度之后把数据传递到线路规划的方法里面,这样就可以完成线路的自定义规划!二、获取要经过的站点经纬
转载
2023-07-03 16:34:24
423阅读
UNiAPP怎么绘制高德地图?下面本篇文章带大家了解一下render.js的用法,介绍一下如何在uniAPP中使用render.js 绘制高德地图,希望对大家有所帮助。什么是render.jsrenderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和h5。renderjs的主要作用有2个:大幅降低逻辑层和视图层的通讯损耗,提供高性能视图交互能力在视图层操作dom,运行f