1、引入 map 和 json数据 <script src="https://webapi.amap.com/maps?v=1.4.15&key=151bb84e60e049d73a5d6f78b12b7000&plugin=AMap,AMap.CustomLayer,AMap.ControlBar ...
转载
2021-10-27 17:14:00
510阅读
2评论
一、在Vue中使用高德地图如何在Vue中引入基础高德地图步骤一：注册并登录高德地图开放平台，申请密钥步骤二：安装高德地图加载器封装一个自定义地图组件，并初始化地图根据关键词搜索，并定位到搜索的位置添加放大缩小地图、转盘点击地图获取经纬度地图上绘制标记点、圆形、曲线、矩形和多边形等,及其绘制清除总结
一、如何在Vue中引入基础高德地图根据官网提示，在Web端，我们需要高德地图加载器：npm i @a
原创
精选
2023-07-28 14:55:58
776阅读
点赞
第一步首先应该分析需求，然后再思考解决方案与技术方案。
原创
2023-02-24 11:49:06
236阅读
这是一个将经纬度坐标信息转换为Unity的场景坐标信息的坐标转换工具。前期工作：打开地图拾取坐标系统：百度地址：https://api.map.baidu.com/lbsapi/getpoint/index.html高德地址：高德地图API选择好工程需要的区域后进行截图。鼠标右键查看这个图片的尺寸大小。 在Unity场景中创建一个Plane作为一个区域地面。 调整缩放大小为图片
转载
2024-05-10 17:17:01
294阅读
本来是想用vue-amap ，最后发现没有那样的可以参考的。于是转战高德原生地图。效果图在最后面。（一打开弹框，就能看到车子动态运行的轨迹，一个子就开始跑起来了）（本例子经过线上环境的检验，可直接复用）一、引入高德地图1.在index.html中引入高德地图<!--引入高德地图原生jar包-->
<script type="text/javascript" src="http
转载
2024-03-22 08:55:28
219阅读
一. vue-amap，一个基于 Vue 2.x 和高德地图的地图组件 ht tp s://ele ef e.git h ub .io/v ue-a ma p/#/这个就不细说了，按照其文档，就能够安装下来。二. 按照官方提供的方法引入1.修改webpac.base.conf.js
转载
2017-05-04 09:56:04
1236阅读
文章参考：高德地图：概述-地图 JS API v2.0 | 高德地图API (amap.com)一.引入高德地图注册高德地图并申请key。public文件夹下index.html中//public文件夹下index.html中
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key="您申
原创
2023-10-08 17:01:16
539阅读
高德地图官网：https://lbs.amap.com/地图jsapi2.0https://lbs.amap.com/api/jsapi-v2/docu
原创
2022-06-27 16:16:45
951阅读
Vue 接入高德地图 Vue 使用高德地图，实现缩放，鼠标绘制，测距、测面积、行政区域范围绘制、关键词查询等操作。 参考资料 高德地图API官网：https://lbs.amap.com/ 高德地图2.0参考手册：https://lbs.amap.com/api/jsapi-v2/documenta
原创
2022-06-23 13:40:06
1132阅读
1、需求：接下来的项目要实现像链家APP中地图看房的功能（效果如下图）。 2、实现思路、查阅资料看到这个效果图，首先想到的是在view上放一个marker,但是marker只能设置title，没有在中间设置内容的效果。于是乎去查阅高德地图的api,发现有画圆的方法，有设置Text内容标记的方法。就在想能不能先在一个经纬度上先画一个圆形，然后再画一个text的内容标记。然而这个方法并没有来得及去试验
转载
2023-12-13 09:58:47
101阅读
目录一、需求 二、引入高德地图2.1、将高德地图引入到项目中2.2、查看官网快速上手，熟悉高德地图的主要API 2.3、海量点标注要用到的API文档2.4、全部代码 其他：一、需求 因为不知道具体会有多少个点，那就直接以海量点安排，海量点也是有限制的，建议在 30
一、前期工作 1.注册高德地图成为开发者 2.创建一个新应用、获取秘钥 二、引入 1.找到public index.html文件插入js 1 <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=秘钥&& ...
转载
2021-10-21 16:51:00
1056阅读
2评论
一、前言 由于数据量大，如果一个一个添加marker会造成页面卡顿，所以在此就使用了批量标记，特此研究出一下几种方法二、批量添加marker标记 1、海量点标记 MassMarks &
转载
2024-05-10 18:47:18
206阅读
vue-amap是一套基于Vue 2/vue3和高德地图的地图组件。
/ 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15。// 申请好的Web端开发者Key
原创
2023-02-22 10:44:35
1224阅读
1评论
第一步：找到项目里的index.html引入<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你申请的高德key">同样
原创
2022-01-09 14:55:05
2565阅读
一、问题现象高德地图离线地图的官方使用教程点这里传送门 我们把在正常有网的手机上通过离线地图下载的城市数据拷贝出来备用，如下图 把上面两个文件夹放到一台插有物联网卡的终端机器上，存放目录为SD卡根目录的amap文件夹下，接着打开终端，发现加载离线地图需要有2分钟时间才能加载成功。二、问题解决1、首先我们尝试断开该终端的物联网网络，同时设置了高德加载离线数据的方法aMap.setLoadOfflin
转载
2023-08-01 23:40:23
767阅读
2、将软件拷贝到U盘中，然后将U盘插入车机，用文件管理器打开，找到U盘中的软件，点击安装即可。
3、点击安装，耐心等待。
4、安装成功，打开即可。
亮点功能
手机设置目的地 车机为你导航
通过手机版高德地图，在家中、酒店或饭桌上就可以提前设置好目的地，一键发
转载
2023-08-01 11:13:31
355阅读
