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