在前端网页中如何引入高德地图具体步骤是什么

在前端网页中如何引入高德地图具体步骤是什么,第1张

这个其实很简单,不难,需要先注册一下开发者,然后创建应用、添加Key值,最后再通过JS将地图引入到HTML网页就行,下面我简单介绍一下实现过程,主要内容如下:

1首先,注册高德地图开发者,这个直接到“高德开放平台”注册就行,如下,输入相关注册信息,很快就能成功:

2注册成功后,登录账号,这里我们需要先创建应用,依次点击“个人中心”->“应用管理”->“我的应用”,切换到应用管理界面,点击右上角的“创建新应用”按钮,就会d出如下窗口,这里我们输入应用名称和类别就行:

创建成功后,新创建的应用就会出现在应用管理界面中,接着我们点击应用右边的“+”号,为应用添加key值,如下,这里输入Key名称,选择“Web端(JSAPI)”就行:

添加成功后的key值如下,后面的代码中需要用到这个key值:

3接着就是引入地图了,这个很简单,需要先创建一个div容器,然后通过JSAPI引入地图到这个容器中就行,测试代码如下,很简单:

保存这个网页文件,用浏览器打开,效果如下,已经成功引入高德地图:

4这里我们也可以引入地铁地图,其实和上面引入普通地图的步骤差不多,也需要先创建div容器,最后再通过JSAPI引入就行,测试代码如下:

保存文件,用浏览器打开效果如下,已经成功引入地铁地图:

至此,我们就完成了在前端网页中引入高德地图。总的来说,整个过程很简单,就是创建应用,添加Key值,然后再通过JSAPI引入地图到网页div容器中,只要你有一定的前端基础知识,熟悉一下相关示例和代码,很快就能掌握的,官方也提供了非常详细的开发文档,非常适合开发者学习,可以参考一下,网上也有相关资料和教程,感兴趣的话,可以搜一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论。

应用高德定位服务Android版

在测试时定位功能正常

APK安装时却发现Log信息

报key错误 错误码7时

尝试把错误信息后面的 shal and package

里面的shal值复制到高德后台修改一下

可能就行了。。。

自己弄个图标,然后aMapmoveCamera(CameraUpdateFactorychangeLatLng(new LatLng(aMapgetMyLocation()getLatitude(), aMapgetMyLocation()getLongitude())));

或者你也可以用动画的 aMapmoveCamera(CameraUpdateFactorychangeLatLng(new LatLng(aMapgetMyLocation()getLatitude(), aMapgetMyLocation()getLongitude())));

很随意啊,原理就是移动Camera到当前位置

以上就是关于在前端网页中如何引入高德地图具体步骤是什么全部的内容,包括:在前端网页中如何引入高德地图具体步骤是什么、高德key问题 错误码7、android 高德地图怎么修改定位按钮等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10145649.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存