乐曲网,护肤品,武侠,旅行社,仙剑奇侠传
当前位置:主页 > 文章 > 正文

html 地图热点,高德地图怎么加到网站HTML中? <#21---->

时间:

这个实现起来很简单,注册一下开发者,然后创建应用,通过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,当然,网上也有相关资料和教程,感兴趣的可以搜一下,希望以上分享的内容能对你有所帮助吧。

版权保护: 本文原创,转载请保留链接: 高德地图怎么加到网站HTML中? <#21---->