在前端网页中如何引入高德地图?具体步骤是什么?
这个其实很简单,不难,需要先注册一下开发者,然后创建应用、添加Key值,最后再通过JS将地图引入到HTML网页中就行,下面我简单介绍一下实现过程,主要内容如下:
1.首先,注册高德地图开发者,这个直接到“高德开放平台”注册就行,如下,输入相关注册信息,很快就能成功:
2.注册成功后,登录账号,这里我们需要先创建应用,依次点击“个人中心”->“应用管理”->“我的应用”,切换到应用管理界面,点击右上角的“创建新应用”按钮,就会弹出如下窗口,这里我们输入应用名称和类别就行:
创建成功后,新创建的应用就会出现在应用管理界面中,接着我们点击应用右边的“+”号,为应用添加key值,如下,这里输入Key名称,选择“Web端(JS API)”就行:
添加成功后的key值如下,后面的代码中需要用到这个key值:
3.接着就是引入地图了,这个很简单,需要先创建一个div容器,然后通过JS API引入地图到这个容器中就行,测试代码如下,很简单:
保存这个网页文件,用浏览器打开,效果如下,已经成功引入高德地图:
4.这里我们也可以引入地铁地图,其实和上面引入普通地图的步骤差不多,也需要先创建div容器,最后再通过JS API引入就行,测试代码如下:
保存文件,用浏览器打开效果如下,已经成功引入地铁地图:
至此,我们就完成了在前端网页中引入高德地图。总的来说,整个过程很简单,就是创建应用,添加Key值,然后再通过JS API引入地图到网页div容器中,只要你有一定的前端基础知识,熟悉一下相关示例和代码,很快就能掌握的,官方也提供了非常详细的开发文档,非常适合开发者学习,可以参考一下,网上也有相关资料和教程,感兴趣的话,可以搜一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言。
网页设计和前端开发到底有什么区别?都是做页面效果吗?
区别还是挺大的,网页设计偏重于UI设计,差不多属于美工一类。
就是你说的做页面效果。前端开发,是指前端功能开发,主要是实现前端功能,属于前端编码,工作内容很不一样。[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。转载请注明出处:http://www.cnszdesign.com/post/4484.html