必威体育Betway必威体育官网
当前位置:首页 > 网站建设

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

时间:2018-09-08 08:32:02来源:网站建设作者:seo实验室小编阅读:62次「手机版」
 

百度电子地图

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

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

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

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

木子网页设计

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

木子网页设计

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

第三步:设置地图

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

木子网页设计

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

木子网页设计

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

木子网页设计

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

木子网页设计

木子网页设计

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

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

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

相关阅读

微信推出小程序“用户留存”利器 用户回流更容易

随着用户和开发者的信息推送诉求日益增长,10月12日,微信官方消息显示,微信小程序模板消息进行优化调整,将支持一次性和长期性订阅消息

网站制作教程:新手怎么自己建网站

很多企业或个人都想自己建网站,苦于没有网站建设经验和基础,一直不清楚怎么自己网站网站,下面小熊优化的小编就告诉大家,没有网站建设

YouTube视频下载利器:FreeY…

官网下载:http://adf.ly/PTOdNFree YouTube Download是最常使用的程序之一,能让你从YouTube上下在单一的视频和视频集合,比如:- 完

网站制作教程:新手如何用PageAdmin建立一个网站

PageAdmin是国内很知名的建站系统,国内超过30%的网站都是由PageAdmin搭建而成,现在很多公司或单位都没有自己的独立网站,利于pageadm

impress.js 非常牛逼的前端装X利器

查看原文 查看在线演示Demo和更多原文内容教程: impress.js 非常牛逼的前端装X利器 如果你已经厌烦了使用PowerPoint制作PPT,那么i

分享到:

栏目导航

推荐阅读

热门阅读