• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

高德地图怎么加到网站HTML中_CSS学习

当前位置：网站建设 > 技术支持

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

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

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

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

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

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

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

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

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

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。