这个其实很简单,下面我简单介绍一下吧,主要过程如下:
1.首先,到百度地图开放平台注册一下开发者,这个直接用自己的百度账号就行,接着点击“控制台”->“创建应用”,如下,这里选择“浏览器端”,输入“应用名称”:
创建成功后,就会跳转到“应用列表”,刚才创建的应用就会显示出来,如下,这里我们需要记住AK这个值,后面的html页面中需要用到:
2.应用创建成功后,我们就可以在网页中引入地图了,代码其高桥谈实很简单,主要是创建一个div容器,然后通过JS导入地图,完整代码如下:
接着我们用浏览器打开这个html页面,就能正常显示地图了戚碰,如下:
3.这里也可以引入地铁图,代码和上面的地图类似,也是需要创建一个div容器消滑,然后再通过JS导入地铁图到div容器中,主要代码如下:
用浏览器打开这个html页面,效果如下,就能正常显示地铁图了:
至此,我们就完成了在网页中导入百度地图。整个过程其实很简单,就是创建div容器,然后通过JS将地图引入到div容器中进行显示就行,上面的代码都是官方提供的示例,可以直接到官网进行查看,或者在线编辑都行,只要你有一定的前端知识,熟悉一下相关代码和示例,很快就能掌握的,网上也有相关教程和资料,感兴趣的可以搜一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言。
一、打开地图生成器
这个地址不好找,建议大家添加到收藏夹。
二、创建地图
1.定位中心点,默认为北京,点击切换,输入公司的具体所在城市举仔和具体地址。这个时候,地图会切换到该地点范围内梁渗。
2.设置地图,这一点基本上不用管,只用适当的设置下宽度和高度即可。
3.添加标注,其实网站建设者未必知道该企业的准确位置,往往不知道该标在哪。查询到详细坐正渣汪标,标注上去。这个标记图标是可以换的
,根据喜欢来设置。记得标注完以后输入名称和备注。
三、获取代码
获取代码就很简单了,点击黄色的按键,直接复制代码。
四、加入网站
将该代码加入到网站源码合适的地方。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)