您现在的位置: 首页 > 微信营销 > 微信动态文章 > html网页中如何引入高德3D地图该怎么实现

html网页中如何引入高德3D地图该怎么实现

作者:pc668   来源:  热度:964  时间:2022-01-21
html网页中如何引入高德3D地图该怎么实现这个不难,主要是注册开发者,创建应用YLNRVk,然后通过JS API在html网页中引入3D地图,下面我简单Wu,1Jq/HxjZ9l5DT$#0介绍一下实现过程,主要内容如下:1.首先,注册高德地图开发者,这个直接在官AcxD3jSEzwiGc$XBcVC761r网上注册,输入必要信息就行,如下:#T.K4IHom^lp2.注册完成后,进入个人中心,依次点击“sMhBWOoRlgT;It&

html网页中如何引入高德3D地图该怎么实现

这个不难,主要是注册开发者,创建应用YLNRVk,然后通过JS API在html网页中引入3D地图,下面我简单Wu,1Jq/HxjZ9l5DT$#0介绍一下实现过程,主要内容如下:

html网页中如何引入高德3D地图该怎么实现

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

html网页中如何引入高德3D地图该怎么实现

html网页中如何引入高德3D地图该怎么实现

#T.K4IHom^lp2.注册完成后,进入个人中心,依次点击“sMhBWOoRlgT;It&KwplAiysJfmfK,应用管理”->“我的7DCqDy6Xb0/xUt94o66mKy&*R应用ax&aBm$y”->“创建新应用”,如下,这R#MtTGXP^Z里输入应用名称,选择类型就行:

html网页中如何引入高德3D地图该怎么实现

html网页中如何引入高德3D地图该怎么实现

接着就需要为应用添加key值$uVM,点击右上角的 号,就会弹出添加窗口,这里我们选择“We8cG.h3H&iImf0vp6JTAb端(JS API)”,如下:

html网页中如何引入高德3D地图该怎么实现

添加key值成功后,就会在应用列表中看,dEVNR*4vZSYm68zTG到刚才添加的key值,如下,后面的代码中需要用到这个4ph;AuuCkey值:

3.最后就是编写代码,在html页面中引cCHy7tGxJ4lXftIA入3D地图了,如下,代码很简84x!22NdZih^Ujj^hk单,主要是创建div容器,然后通9bj&6W0Yf3mb5xCeP#YGetNLsD1cc过J/SzAtS2^S引入地图到这个容器中,这里需要JS API版本在1E37K2W%WF0.4.0以上,指定地图模式为vGC5pC,6QXgeI!fLnm@T3D,key值替换成自己应用的key值:

用浏览器打开这个html页面,效果如oZ.SRA下,已经成功引入3D地图:

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

si*Hww%HAnk^

登录

使用微信帐号或QQ直接登录,无需注册