# 如何在Java后端引入高德地图JavaScript API
作为一名经验丰富的开发者，我将会教你如何在Java后端引入高德地图JavaScript API。首先，我会给你整个流程的概要，然后逐步解释每一步需要做什么，包括需要使用的代码和其意义。
## 流程概要
下面是引入高德地图JavaScript API的整个流程：
| 步骤 | 描述 |
| ---- | ---- |
| 步骤一
原创
2024-06-22 05:45:15
33阅读
本来是想用vue-amap ，最后发现没有那样的可以参考的。于是转战高德原生地图。效果图在最后面。（一打开弹框，就能看到车子动态运行的轨迹，一个子就开始跑起来了）（本例子经过线上环境的检验，可直接复用）一、引入高德地图1.在index.html中引入高德地图<!--引入高德地图原生jar包-->
<script type="text/javascript" src="http
转载
2024-03-22 08:55:28
219阅读
1、最终的效果图
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7tDhdbva-1629082364076)(images/image-20210816080301246.png)]
2、高德地图上注册自己账号并且创建属于自己的key
3、在vue中安装依赖包
npm install @amap/amap-jsapi-loader
4、在main
原创
2021-08-19 14:50:54
10000+阅读
2评论
Dart调用JS这部分我尽量说的细一点，毕竟目前相关资料不多（还不快收藏起来~~）。避免大家像我一开始一样一头雾水。下面就以高德地图的Api来举例说明如何实现Dart调用JS代码，首先在pubspec.yaml添加依赖：dependencies:
# https://pub.flutter-io.cn/packages/js#-readme-tab-
js: ^0.6.1+1
复制代码创
转载
2023-08-03 12:18:37
158阅读
摘要：关于地图的显示，我想大家最关心的就是麻点图，自定义底图的解决方案了吧。在过去，marker大于500之后，浏览器开始逐渐卡死，大家都开始寻找解决方案，比如聚合marker啊，比如麻点图啊。聚合marker里面还有一些复杂的算法，而麻点图，最让大家头疼的，就是如何生成麻点图，如何切图，如何把图片贴到地图上，还有如何定位图片的位置吧。以前那么复杂的一系列操作，居然让云图的可视化操作一下子解决了。
转载
2024-08-12 18:37:51
36阅读
一、引入高德地图脚本1.先登录高德开放平台网址：高德开放平台 | 高德地图API 2.登陆进入页面之后点击控制台3.找到创建新应用的按钮 4.创建应用，点击创建新应用 5.创建完成之后点击添加，如下图操作6.点击应用管理--》我的应用查看申请的key，然后就申请完成了二、用html引入高德脚本注:可以参考JS API 2.0 示例 | 高德地图API (amap.co
转载
2023-07-08 13:46:21
292阅读
javascript引用高德，首先要注册高德开发平台账号，目的是为了获取开发过程所需要的key值，不同平台的开发需要申请不同的key值，对于不同key值的用途官方文档有详细介绍。博主在此用到web端key值和web服务的key值，key值主要用于页面引入高德插件时的src里 ，必填。
转载
2023-06-14 18:39:50
93阅读
1，使用高德地图需要先注册key，官网上，以及很多教程有如何注册，拿到key的 2，在vue中的index.html中引入 我的如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" conte
原创
2021-05-30 12:12:54
588阅读
在网上找了很多 高德 获取 定位的方法 大多是在html 引入 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script> ---------cdn的方式 ，但
转载
2024-08-20 23:24:58
127阅读
摘要：无论是控件还是插件，都是在一级API接口的基础上，进行二次开发，封装的一系列更加便于开发者使用，减少开发者工作量的二级API接口。除了官方通用的鱼骨、鹰眼控件，还有大量官方开发的地图插件，类似谷歌的lib。当然本文还会介绍自定义插件的使用。 -----------------------------------------------------------------------
转载
2024-06-11 14:15:51
56阅读
1.什么是typescript?TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。2.为什么要使用TypeScript?应为JavaScript是弱类型，许多的错误是在我们写完代码运行的时候才会在工作区里发现错误的提示。
而TyoeScript它提供了一套静态监测的机制,可以帮我们在
转载
2024-09-10 20:16:22
85阅读
一、在高德开发平台，获取Key（已有可跳过）；高德开发者平台—链接地址1、控制台——我的应用——创建应用——添加key 创建应用 新建应用 选择web端（JS平台） last：到这里的 key 就有了，还得到了一个安全密钥； 二、引入vue-amap1、安装npm install -S vue-amap 2、在 main.js 里引入其中
转载
2024-10-17 20:37:36
472阅读
最近由于项目中需要制作一个地图，用来选择活动地点，我就花了两天利用高德地图的javascriptAPI自制了一个地图的demo。在这了记录一下我学习的过程。 一、进入高德地图官网，再找到高德地图的开放平台，我是做前端的，所以使用的是javascriptAPI。 地图的功能很多，使用API可以自己定制自己想要的功能。在使用前需要自己申请一个Key，引入API的时候会用到这个key。 二
转载
2023-08-22 21:57:28
42阅读
目录一、案例效果二、开发准备1. 注册高德开放平台账号2. 创建应用添加 key 值三、项目中使用地图组件1. npm 获取高德地图 API2.在项目中新建 MapContainer.vue 文件，用作地图组件。3.在 MapContainer.vue 地图组件中创建 div 标签作为地图容器 ，并设置地图容器的 id 属性为 container；4.定义地图初始化函数 initMap 并调用:5
转载
2024-01-09 11:35:58
1989阅读
# 引入高德地图的Java SDK 详解
引入高德地图的Java SDK可以帮助你在应用中实现地图功能。作为新手，你可能对这个过程感到困惑，但其实很简单。下面我将为你提供一整套的流程，并逐步指导你如何实现。
## 整体流程
下面的表格展示了将高德地图Java SDK引入到你的项目中的步骤：
| 步骤 | 描述
原创
2024-09-04 03:17:54
46阅读
高德地图API官网：高德开放平台 | 高德地图API。由于博主是基于前端 Vue 框架进行开发的，所以针对地图 JavaScript API 结合 Vue 展开介绍。一、案例效果 二、开发准备 需要注意想要使用 JS API 必须注册账号并获取 key 值。1. 注册高德开放平台账号 &n
转载
2024-05-17 22:00:10
140阅读
