这个很简单高德地图api,需要先注册一下高德地图开发者,然后创建应用、添加Key,更后通过script标签引入网页,就可以直接使用高德地图API了,下面我简单介绍一下实现过程,主要内容如下:
1.首先高德地图api,注册高德地图开发者,这个直接到官网上注册就行,按着提示一步一步填写信息,如下:
2.注册登录成功后高德地图api,依次点击“个人中心”-“应用管理”-“我的应用”,点击右上角的“创建新应用”,如下,输入应用名称,选择应用类型:
应用创建成功后高德地图api,新创建的应用就会出现在应用管理列表中,接着我们点击应用右边的“+”号,为应用添加key值,如下,输入Key名称,因为是网页中引入,所以选择“Web端(JS API)”:
成功添加key值后高德地图api,我们需要记住这个key值,后面的代码中需要传入这个key值,才能调用高德地图API,如下:
3.更后就是在网页中使用API高德地图api,引入高德地图了,很简单,基本步骤是先创建一个div容器,然后通过JS API引入地图到这个容器中就行,如下:
用浏览器打开这个html文件高德地图api,效果如下,已经成功引入高德地图:
4.这里我们也可以引入地铁图高德地图api,基本过程和上面差不多,还是需要先创建一个div容器,然后再通过JS API引入地铁图到容器中,主要代码如下:
用浏览器打开这个文件高德地图api,效果如下,已经成功引入地铁图:
至此,我们就完成了高德地图API的使用高德地图api。总的来说,整个过程很简单,只要你有一定的前端基础,熟悉一下相关操作和步骤,很快就能掌握的,官方也给出了非常详细的开发文档,有详细的步骤和示例,可以在线编辑运行,非常适合初学者学习,可以参考一下,网上也有相关教程和资料,感兴趣的话,可以搜一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言。
添加上方▲技术, 在线咨询
复制微信号
声明
一、本站原创内容,其版权属于本网站所有。其他媒体、网站或个人转载使用时不得进行商业性的原版原式的转载,也不得歪曲和篡改本网站所发布的内容。如转载须注明文章来源。
二、本网站转载其它媒体作品的目的在于传递更多信息,并不代表本网站赞同其观点和对其真实性负责;如侵犯你的权益请告诉我们立即删除;其他媒体、网站或个人转载使用自负法律责任。
发表评论
2022-06-14 15:30:54回复