网站制作之电子地图利器-百度API地图

时间:2016-10-11 17:26 来源:广州哎呀呀网络

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

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

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

木子网页设计

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

木子网页设计

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

第三步:设置地图

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

木子网页设计

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

木子网页设计

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

木子网页设计

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

木子网页设计

木子网页设计

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

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

广州网站建设 广州网站设计 广州网站制作 广州网站优化 广州网站推广 广州网络营销 广州SEO 广州网站SEO 哎呀SEO
【广州哎呀呀网络】专注于企业网站建设,网站制作,网站优化,网站推广,提供完美的网站解决方案。您身边的网络服务专家!联系人:李先生 电话:13678904412