遇到一个功能,需要使用地图功能,但是地图上不要显示太多的物体,不然会遮盖地图上的标记,因此需要自定义地图,去掉一些不需要的覆盖物。话不多说,直接走步骤!First. 需要登录高德开发者控制台,在地图自定义平台进行完全自主的自定义地图样式的创建、编辑、发布、删除等操作。如上图所示,点击“创建地图样式”即可进入样式创建界面,如下所示可以选择已经存在的几种样式,比如标准、马卡龙等,想创建自己的就点击左上
转载
2023-09-15 17:45:46
247阅读
文章目录新建点位获取地理信息开启地理编码功能点位渲染点位渲染实现思路自定义点位内容点位名称显示与隐藏 新建点位获取地理信息新建点位时要拿到地理信息,使用高德地图引擎提供的地理编码能力可获取真实的地理信息,还要考虑在部分地图位置上新建点位时获取不到经纬度信息的情况。开启高德引擎的地理编码能力,首先是使用的key值必须是web端(JS API),其次是key值要和安全密钥一起使用,所以要在全局注册安
转载
2023-12-11 01:32:46
103阅读
// 创建地图
initMap() {
let container = this.$refs.map
this.map = new AMap.Map(container, {
zoom:18,//级别
center: [120.257173,30.205769],//中心点坐标
viewMode:'3D',
转载
2023-06-16 22:55:46
385阅读
高德地图api调用说明githab地址:https://github.com/miaDemos/gd_map_api.git参考文档:https://lbs.amap.com/api/javascript-api/reference/core示例中心:https://lbs.amap.com/demo/jsapi-v2/example/map-lifecycle/map-show地图初始化//bo
转载
2023-07-22 10:19:39
161阅读
高德地图API官网:高德开放平台 | 高德地图API。由于博主是基于前端 Vue 框架进行开发的,所以针对地图 JavaScript API 结合 Vue 展开介绍。一、案例效果 二、开发准备 需要注意想要使用 JS API 必须注册账号并获取 key 值。1. 注册高德开放平台账号 &n
转载
2024-05-17 22:00:10
140阅读
一、开发准备和前端搭建1. 首先,注册开发者账号,成为高德开放平台开发者2. 登陆之后,在进入「应用管理」 页面「创建新应用」3. 为应用添加 Key,「服务平台」一项请选择「 Web 端 ( JSAPI ) 」,设置域名白名单,可选(建议设置域名白名单)。4. 添加成功后,可获取到key值。5.运行安装vue-cli脚手架 首先进入到命令行窗口中,输入以下命令:npm i
转载
2023-12-05 22:59:21
475阅读
关于定位,分为GPS定位和网络定位2种。GPS定位,精度较高,可达到10米,但室内不可用,且超级费电。网络定位,分为wifi定位和基站定位,都是通过获取wifi或者基站信息,然后查询对应的wifi或者基站位置数据库,得到的定位地点。定位数据库可以不断完善不断补充,所以,越定位越准确。本文详细描述了,如果使用高德JS API来实现位置定位、城市定位的方法,包含了IP
转载
2023-12-28 10:24:01
14阅读
按照「准备」篇完成页面准备工作之后就可以真正开始地图的开发工作了。本篇带您快速了解:地图、图层、点标记、矢量图形、信息窗体、事件的最基本使用方法。HELLO,AMAP!简单创建一个地图只需要一行代码,构造参数中的container为准备阶段添加的地图容器的id:var map = new AMap.Map('container');创建的同时可以给地图设置中心点、级别、显示模式、自定义样式等属性:
转载
2024-02-02 22:56:30
42阅读
function MapUtil() { var map = null; var geolocation = null; var geocoder = null;
原创
2022-11-24 18:49:27
135阅读
高德地图api文档:https://lbs.amap.com/api/jsapi-v2/guide/abc/prepare安装安装推荐使用 JSAPI Loader 进行加载,使用npm安装,引入包的大小非常小。按 NPM 方式使用 Loader安装:npm i @amap/amap-jsapi-loader --save
// 官方文档中加了-dev字段,加了-dev字段就只能在本地的时候使用,
转载
2023-07-24 22:34:49
685阅读
文章目录输入提示获取输入提示数据输入提示POI搜索获取搜索数据关键字搜索周边搜索多边形搜索根据搜索结果添加 marker 本节的示例只能依据高德地图的POI数据进行搜索,适用于有大规模POI搜索的业务。 输入提示获取输入提示数据使用 Autocomplete 获取输入提示信息。// 获取输入提示信息
function autoInput(){
var keywords =
转载
2024-05-29 15:19:22
0阅读
众所周知,高德地图作为中国第一家拿到国际GPS卫星定位的厂商,权威性是毋庸置疑的。那么我们改怎么合理利用高德地图api来运用到我们的开发中去,下面我做了个测试,简单介绍一下高德地图api 的使用。第一:搜索高德地图api点击进入官网。点击右上角的注册按钮注册成为高德地图的开发者。选择个人开发。第二:登录高德地图,选择【应用管理】点击【创建新应用】建立新的应用。点击创建新应用,选择一个你要的应用类型
转载
2023-08-29 19:03:28
37阅读
# 高德 Java API 科普指南
## 引言
高德 Java API 是一套针对开发者提供的地图开发工具包,用于在 Java 环境中使用高德地图的各种功能。通过该工具包,开发者可以轻松地实现地图的显示、地理编码、路径规划、地点搜索等功能。本文将介绍高德 Java API 的基本使用方法,并给出相关代码示例,帮助开发者快速入门。
## 安装和配置
在开始使用高德 Java API 之前,我们
原创
2023-08-08 15:08:32
160阅读
# Java高德API
## 简介
高德地图是一款基于地理位置信息的服务平台,提供了丰富的地图、导航、定位、搜索等功能。Java高德API是高德地图官方提供的Java开发工具包,使开发者能够轻松地在自己的Java应用中集成高德地图的功能。
本文将介绍如何使用Java高德API来实现一些基本的地图和位置相关的功能。
## 安装和配置
首先,我们需要在项目中引入Java高德API的依赖。在M
原创
2023-08-02 17:51:31
394阅读
# 如何在Java中使用高德API
在开发地图相关应用时,高德API是一个非常强大的工具。下面,我将指导你如何在Java中使用高德API,包括整个流程和每一步需要的代码。
## 整体流程
执行高德API的基本步骤如下表所示:
| 步骤 | 描述 |
|------|------|
| 1 | 注册高德开发者账号并申请API密钥 |
| 2 | 在Java项目中添加HTTP请求库
这次分享的心得是高德地图的开发,基本上都是按照高德官网上的API文档来进行开发,废话不多说,走起。第一步:申请高德地图的一个key,有了这个key我们的高德地图才可以正确用起来。至于怎么申请高德地图的key,其实很简单,这里我大概说一下步骤:打开网页http://lbs.amap.com,注册一个高德地图API的一个账号(这里我声明一下,并不是给高德打广告,我只是分享一下我的这次学习经历而已),注
转载
2023-12-27 11:24:51
121阅读
一、引入高德地图脚本1.先登录高德开放平台网址:高德开放平台 | 高德地图API 2.登陆进入页面之后点击控制台3.找到创建新应用的按钮 4.创建应用,点击创建新应用 5.创建完成之后点击添加,如下图操作6.点击应用管理--》我的应用查看申请的key,然后就申请完成了二、用html引入高德脚本注:可以参考JS API 2.0 示例 | 高德地图API (amap.co
转载
2023-07-08 13:46:21
292阅读
高德API JS 地图获取多个坐标点的中心点一、需求我需要:在地图上展示多个地点地图缩放到合适的大小,要求刚好能显示全部点位边缘留有一部分间隔。做成如图所示这样。二、需要用到的 AMap 类库经过一下午的研究,弄出来了。需要以下这些 AMap 的类库:
AMap.Bounds() 区域
AMap.LngLat() 点坐标(基础点位)
AMap.setBounds() 设置地图区域,这会自动移动地图
转载
2024-01-05 22:29:49
30阅读
如下所示:
## 如何使用Python请求高德地图JS API
作为一名经验丰富的开发者,我将向你介绍如何使用Python请求高德地图JS API。这是一项常见且有用的任务,会帮助你在项目中获取地理位置信息。让我们来看看整个过程,并逐步解释每一步需要做什么。
### 步骤概述
首先,让我们来了解一下整个流程。通过下面的表格,我们将展示每个步骤所需的操作和代码:
| 步骤 | 操作 | 代
原创
2024-02-17 03:58:42
287阅读
最近笔者的项目打算添加周边服务的模块,因此尝试使用了高德地图。先上预览图,打开的时候会自动定位(这里是使用了浏览器ip定位,pc端可能不准)。随意点击会生成一个蓝色的标记,并且自动搜索附近的美食服务。初始定位(浏览器ip定位)AMap.plugin('AMap.Geolocation', function() {
var geolocation = new AMap.Geoloca
转载
2023-10-03 15:45:58
401阅读