如何在你的网页内嵌入谷歌和百度地图

首先,打开百度地图,网址:http://map.baidu.com/

点击右上角的地图API(如下图所示),进入百度地图API

然后在屏幕底部找到”地图生成器”,或可直接点击网址进入:http://api.map.baidu.com/lbsapi/creatmap/index.html

接下来就可以正式进入地图制作的环节

(1)定位出整张地图的中心点位置:

(2)依据具体情况来对地图进行相应设置:

(3)添加标注,该部分,可以添加三方面的标注,分别是:图标标注、划线标注和文字标注(图标标注较为常用,划线标注跟文字标注,有需要的朋友,可以自由添加)

图标标注:选择该标注方式后,在右侧地图中点击要标注的地址即可。左侧此处可以添加文字描述,点击标记图标还可以修改图标样式。

(4)获取代码及部署代码

(5)可以依据具体情况适当的对代码进行修改,例如官方生成器,仅可添加十个标注,如果想要添加更多的标注,应该怎么办呢?答案是修改代码

打开代码文件,找到这一句:“//标注点数组”

下方的即为添加的标注:

依葫芦话票,想复制几个,就可以在地图上标注几个点出 来!或许你会问:point处的数值怎么填?好,我们返回第一步,这个数值,就是定位的中心点坐标,如果想要偷懒的话也很简单,不用挨个去复制过来,例如 我想要在一张地图上面添加20个标注点,那么,我只需要制作两张地图出来,然后将其中的一张地图中的这些标注点信息,全部复制到第一张地图中即可!

地图的代码有了,将代码粘贴到网页中即可!也可以用iframe等方式在网页中调用,懂技术的朋友们尽情的自由发挥吧!