建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
网站制作之电子地图利器-百度API地图
发布日期:2011-12-30 阅读次数:1059 字体大小:

今天我的朋友发来一个网址让我看看,打开连接一看,非常惊喜,是百度的API地图,可以自己创建自己想要的电子地图。

先个大家简单介绍下什么是什么是百度地图API?引用官方的解释:百度地图API是一套由javascript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用。百度地图API包含了构建地图基本功能的各种接口,提供了诸如本地搜索、路线规划等数据服务。

研究了半天,终于成功创建了一个自己的地图。下面就把创建电子地图的过程写出来,分享给大家。

第一步:打开创建地图页面http://openapi.baidu.com/map/createMap.html,界面如下图。

木子网页设计

第二步:定位中心点,在页面的左边菜单会看到“1,定位中心点”,如图

木子网页设计

可以使用切换按钮,也可以在输入框内输入 你要定位的城市,比如“扬州”,然后点击查找,右边的地图就会切换到扬州区域。

第三步:设置地图

1)设置图片尺寸,根据你要嵌入网页的大小来设置地图的尺寸,比如我要显示的地图大小为500px*500px,那么在地图尺寸选项卡内填入相应的数字,如图:

木子网页设计

2)添加按钮,有三个按钮选项“地图缩放”、“地图缩略图 ”、“地图比例尺”,这些根据你的实际需要来选择是否需要,详细设置如下图:

木子网页设计

3)地图状态,有四个属性“鼠标滚轮缩放”、“键盘方向移动”、“鼠标拖动地图”、“鼠标双击放大”,这些也是根据你的实际需要来设定,如图:

木子网页设计

第四步:添加标注,比如我要标注“扬州市政府”,现在地图上找到扬州市政府,然后用“点标记”工具,在地图“扬州市政府”处点一下,最好在左边的名称,备注里分别写上自己想要表达的内容即可,详细如图:

木子网页设计

木子网页设计

第五步:获取代码,点击页面下面的“获取代码”按钮,弹出代码框,复制里面的内容,然后粘贴到自己想要显示的页面即可,详细如图:

经过上面五步的简单操作,你就可以得到自己想要的电子地图,是不是真的很方便啊,以后你想要什么地方的电子地图,都可以自己DIY了。这个给我们网站制作行业提供了不小的帮助。真的要好好感谢下百度。

此文为木子网页设计原创,转载请保留地址www.zhaoyuanjd.com,谢谢。