高德地图API最大优势：兼容各种浏览器 1、注册账号并申请key（申请key能拥有更完整的功能，没有key功能会受限） 进入高德地图官网 https://lbs.amap.com/选择web端-地图js API 按步骤注册开发者账号，然后登陆在应用管理-我的应用-创建应用-为web添加key 2、准备
转载
2023-06-06 20:15:46
413阅读
前言:目前高德地图以及百度谷歌等地图对Web端离线功能支持不太友好(甚至没有离线地图功能)，这致使我们在进行内网服务器使用的地图开发时非常的不便利，因此在进行离线地图开发时我们通常选择引入第三方地图解决方案，这里推荐下BigeMap离线地图服务器一键构建工具。使用方式：1）下载相关软件 BigeMap离线地图服务器（开发版）：http://www.bigemap.com/reader/downlo
转载
2024-03-07 11:55:59
0阅读
直接用线段连接LineA的终点和LineB的起点，会导致物体移动朝向异常，镜头转动也比较突兀，因此当两个端点距离大于某个阈值时，需要提供一个方法可以自动“焊接”两条线段。平滑焊接路线的目的是为了让物体移动更加平滑，我们可以选择预先处理，或者实时处理，视情况而定。这里会遇到几种情况，我们分别处理：LineA和LineB延长线必定相交，需要生成一条平滑的贝塞尔曲线连接这两个端点；LineA和LineB
# 高德地图 JavaScript API 教学指南
在现代 web 开发中，集成地图服务是一项常见需求。今天，我们将学习如何使用高德地图的 JavaScript API。本文将提供一个详细的流程和代码示例，帮助初学者顺利实现地图集成功能。
## 流程概述
| 步骤 | 任务描述 |
|------|-------------------------
注册账号并申请Key1. 首先，注册开发者账号，成为高德开放平台开发者 https://lbs.amap.com/api/javascript-api/guide/abc/prepare2. 登陆之后，在进入「应用管理」 页面「创建新应用」3. 为应用添加 Key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」准备页面1. 在页面添加 JS API 的入口脚本标签，并将其中
转载
2023-07-15 18:04:45
744阅读
现在，导航与实时交通信息结合的挺好，最常用的是免费版的安卓高德地图，上面有个实时交通信息的按钮，可以看到交通状况。而且，设置好导航路线后，在行走的过程中能时时提醒前方交通状况，比较方便。去年，准备开车回家，因中途遥远，且是冬天，怕下大雪，时时关心天气预报。当时，要看新闻，在网络上看路线沿途交通信息，唯恐在出行那天下雪，或走在半路遇到下雪结冰的路面。那么，为什么不把导航与天气结合起来，把天气情况标注
转载
2023-12-20 17:06:01
269阅读
前端时间因为公司需要研究 了一下百度的教程
然后写个简约的笔记记录一下自己学习的收获，只为了满足自己暂时的写作热情
高德地图WEB开发（key申请、api）简约教程
1.首先我们需要去“高德地图开发平台”
通过“百度搜索 ”或者“谷歌搜索 ” 高德地图然后会有一个高德开发平台|高德地图apl
文章目录输入提示获取输入提示数据输入提示POI搜索获取搜索数据关键字搜索周边搜索多边形搜索根据搜索结果添加 marker 本节的示例只能依据高德地图的POI数据进行搜索，适用于有大规模POI搜索的业务。 输入提示获取输入提示数据使用 Autocomplete 获取输入提示信息。// 获取输入提示信息
function autoInput(){
var keywords =
转载
2024-05-29 15:19:22
0阅读
这次分享的心得是高德地图的开发，基本上都是按照高德官网上的API文档来进行开发，废话不多说，走起。第一步：申请高德地图的一个key,有了这个key我们的高德地图才可以正确用起来。至于怎么申请高德地图的key,其实很简单，这里我大概说一下步骤：打开网页http://lbs.amap.com，注册一个高德地图API的一个账号（这里我声明一下，并不是给高德打广告，我只是分享一下我的这次学习经历而已），注
转载
2023-12-27 11:24:51
121阅读
文章目录高德地图准备注册账号并申请KeyJS API 地图组成结构基础1.经纬度 AMap.LngLat2.像素点 AMap.Pixel3.像素尺寸 AMap.Size4.经纬度矩形边界 AMap.Bounds5.经纬度路径边界 AMap.ArrayBounds覆盖物（围栏)添加 / 获取 / 移除覆盖物点标记 Marker矢量图形 Polygon多边形 Polygon圆形 Circle贝赛尔曲
申请JSAPI的开发者key申请地址：http://lbs.amap.com/dev/key 引入高德地图JavaScript API文件:<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script> 创建地图
转载
2023-08-28 21:04:10
347阅读
点击添加标记<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>点击添加标记图标</title>
<link re
原创
2015-04-21 14:40:16
1593阅读
一、注册账号二、创建应用账号主体可能有不同的应用项目,比如你想开发DD出行、C操、大Z点评等,每个项目里面又分小程序、APP、PC端等等不同的使用场景，每个场景都有一个key,这个key有点像ID、密码之类的，用来访问地图时可以知道哪个应用、接口访问了这个地图。创建应用添加key创建成功后账号主体跟项目都有了,key还没有,点击添加创建key,用于访问的时候提供身份认证.key的名称最好跟应用场景
转载
2023-11-13 17:09:29
351阅读
高德地图调用代码老样子第一步先上效果图：html+内部js代码：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta
转载
2023-06-06 11:23:51
246阅读
文章目录先在控制台申请创建应用，获得对应的key和密钥用来配置api创建一个地图容器并获取地图对象给地图加个自定义图层使用地图控件绑定地图事件创建点标记根据已知坐标点生成根据点击位置生成绘制多边形(以折线为例)使用鼠标绘制图形图形编辑器两点间计算计算以及面积计算 先在控制台申请创建应用，获得对应的key和密钥用来配置api<script type="text/javascript">
转载
2023-10-19 11:59:09
1321阅读
// 创建地图
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使用,下面我们开始学习利用高德地图设置一个定位插件,来为我们的地图程序提供定位服务。首先明确一点,定位是一个耗时的过程,我们在启动api的定位服务时不能立即获取到位置信息,那我们就必须是用监听器来进行监听。下面请看代码: pu
转载
2023-11-10 10:03:14
174阅读
一、返回对象类package com.app.model;
import com.app.enumm.CodeEnum;
import java.io.Serializable;
/**
* @description ：
* @Author ：Rujh
* @CreatTime : 2023/4/3 10:22
**/
public class Result<T> imp
转载
2023-08-18 11:07:41
287阅读
一、呈现地图首先在拥有一个自己账号，其次高德开放平台注册一个自己的key值和密钥 然后在public\index.html文件下，放上这段代码<script type="text/javascript">
window._AMapSecurityConfig = {
securityJsCode: "「您申请的安全密钥」",
}
</sc
转载
2023-07-27 21:14:20
581阅读
众所周知，高德地图作为中国第一家拿到国际GPS卫星定位的厂商，权威性是毋庸置疑的。那么我们改怎么合理利用高德地图api来运用到我们的开发中去，下面我做了个测试，简单介绍一下高德地图api 的使用。第一：搜索高德地图api点击进入官网。点击右上角的注册按钮注册成为高德地图的开发者。选择个人开发。第二：登录高德地图，选择【应用管理】点击【创建新应用】建立新的应用。点击创建新应用，选择一个你要的应用类型
转载
2023-08-29 19:03:28
37阅读
