高德地图怎么加到网站HTML中？

这个实现起来很简单，注册一下开发者，然后创建应用，通过JS引入HTML中就行，下面我简单介绍一下过程：

1.注册高德地图开发者，这个按着网站提示一步一步完成就行，如下，简单：

2.注册成功后，登录高德地图，进入“个人中心”->“我的应用”，点击最上角的“创建应用”，如下，填入必须的信息就行：

3.应用创建成功后，就需要添加key，这个直接点击应用右边的“+”就行，如下，设置key名称，选择Web端（JSAPI）,如下：

添加成功后，如下，这里需要记住key值，后面的代码中要用到这个值：

4.key添加成功后，就可以直接在HTML中引入使用了，测试代码如下，很简单，就是添加一下JS代码，引入高德地图：

保存这个html文件，然后直接双击运行，浏览器中就可加载出地图：

至此，就完成了将高德地图添加到HTML网页中。总的来说，整个很简单，就是引入JS，然后直接在网页中显示就行，其实，高德地图官网对于开发者已经提供了非常丰富的资料和文档，介绍的也很详细，每一步都有代码和结果，还可以在线编辑运行，查看效果，最好的资料就是查看官网资料，地址/api/javascript-api/guide/abc/prepare，当然，网上也有相关资料和教程，感兴趣的可以搜一下，希望以上分享的内容能对你有所帮助吧。

这个不难，主要是注册开发者，创建应用，然后通过JSAPI在html网页中引入3D地图，下面我简单介绍一下实现过程，主要内容如下：

1.首先，注册高德地图开发者，这个直接在官网上注册，输入必要信息就行，如下：

2.注册完成后，进入个人中心，依次点击“应用管理”->“我的应用”->“创建新应用”，如下，这里输入应用名称，选择类型就行：

接着就需要为应用添加key值，点击右上角的+号，就会d出添加窗口，这里我们选择“Web端（JSAPI）”，如下：

添加key值成功后，就会在应用列表中看到刚才添加的key值，如下，后面的代码中需要用到这个key值：

3.最后就是编写代码，在html页面中引入3D地图了，如下，代码很简单，主要是创建div容器，然后通过JS引入地图到这个容器中，这里需要JSAPI版本在1.4.0以上，指定地图模式为3D，key值替换成自己应用的key值：

用浏览器打开这个html页面，效果如下，已经成功引入3D地图：

至此，我们就完成了在html页面中引入高德3D地图。总的来说，整个过程不难，代码量也不是很多，只要你熟悉一下流程和相关示例，很快就能掌握的，官网提供了非常丰富的开发文档，非常适合初学者学习，感兴趣的可以搜一下，网上相关资料也很多，可以借鉴一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。

1、在手机屏幕上找到安装好的高德地图的图标。

2、接着再打开的高德地图软件，主界面点击左上角的个人中心按钮。

3、然后在个人中心页面中点击收藏夹的图标。

4、在打开的收藏的地点页面中找到收藏的地点，然后点击后面的更多按钮。

5、在d出的菜单中选择添加快捷导航到桌面的菜单项。

6、接下来就会d出添加到主屏幕的提示，点击确定按钮即可。

7、返回到手机屏幕，可以看到快捷导航的图标，已添加到手机桌面了。

---