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.1.1、引入JAVASCRIPT

复制代码
1
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
3.1.2、HTML

复制代码
1
<div style="position:absolute;margin-top:20px;width:90%;height:500px;left:5%;border:#ccc solid 1px;" id="dituContent"></div>
  • 地图区域大小、样式自定义即可
  • id=”dituContent”, 容器坐标,Javascript 中需要使用
3.1.3、JAVASCRIPT

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85