建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
网页设计之如何使用百度动态地图
发布日期:2018-03-23 阅读次数:523 字体大小:

  网页设计之如何使用百度动态地图

  1、使用前提

  当需要向用户展示某一地址时,如果直接嵌入一百度地图,用户体验将大大提升。

  2、相关 API

  2.1、百度开放平台地图API: http://developer.baidu.com/map/

  2.2、百度地图生成器: http://api.map.baidu.com/lbsapi/creatmap/

  3、生成器使用

  3.1、创建地图

  3.1.1、定位中心点,默认为北京,点击切换,输入公司的具体所在城市和具体地址。这个时候,地图会切换到该地点范围内。

  3.1.2、设置地图,这一点基本上不用管,只用适当的设置下宽度和高度即可。

  3.1.3、添加标注,其实网站建设者未必知道该企业的准确位置,往往不知道该标在哪。这时候,我们可以打开http://map.baidu.com/ ,查询到详细坐标,标注上去。这个标记图标是可以换的,根据自己喜欢来设置吧。记得标注完以后输入名称和备注。

  3.2、获取代码

  获取代码就很简单了,点击黄色的按键,直接复制代码。

  3.3、加入网站

  将该代码加入到网站源码合适的地方(整个 or 摘录部分)

  3.3.1、引入JAVASCRIPT

  3.3.2、HTML

  3.3.3、JAVASCRIPT