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

  今天我的朋友发来一个网址让我看看,打开连接一看,非常惊喜,是百度的API地图,可以自己创建自己想要的电子地图。先个大家简单介绍下什么是什么是百度地图API?引用官方的解释:百度地图API是一套由javascript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用。百度地图API包含了构建地图基本功能的各种接口,提供了诸如本地搜索、路线规划等数据服务。研究了半天,终于成功创建了一个自己的地图。下面就把创建电子地图的过程写出来,分享给大家。

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

  

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

  

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

  第三步:设置地图

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

  

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

  

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

  

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

  

  

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

  

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

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

时间: 2024-09-19 09:01:46

网站制作之电子地图利器 百度API地图的相关文章

网站制作后如何让百度1周内收录的3条妙计

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 无悔科技一直从事济南网站制作工作,为不少企业制作了网站.其中深有感触的地方就是网站制作后如何让百度1周内收录,说到这个问题, 似乎各位站长都能说出几句方法,今天无悔科技就系统的讲下网站快速1周收录的3条锦囊妙计. 1. 稳定批量的高质量文章更新是取得百度信赖的第一步 内容为王,原创为皇,曾经沧海变桑田,但是始终不变的还是高质量的原创文章所发挥

【百度地图API】百度API卫星图使用方法和卫星图对比工具

原文:[百度地图API]百度API卫星图使用方法和卫星图对比工具 百度地图API推出卫星图接口也有一个月啦~   本文除了介绍如何使用百度地图API来操作卫星图外,还顺带制作了个卫星图对比工具.   一.百度地图API卫星图 调用百度卫星图有两种方式,一是地图类型控件,一是地图底图设置.下面分别介绍这两种方法:   1.利用控件 使用控件有一大优势,就是地图类型控件上,有百度全部的地图类型,比如二维.三维.卫星等. 而且,只需要一句话,就能简单加上这个控件. map.addControl(new

百度地图-小白求帮忙!百度api问题

问题描述 小白求帮忙!百度api问题 最近想试试百度地图api的调用,可是html语言不太熟悉,所以想请问一下各位大神该怎么接受从客户端上传的列表呢...源代码附上:http://developer.baidu.com/map/jsdemo.htm#c1_2 解决方案 问题不明确,你是想在百度地图上加标注,还是想通过百度API获取百度地图数据? 解决方案二: <!DOCTYPE html> <br> body, html,#allmap {width: 100%;height: 1

android-Android调用百度API写的地图不能用了

问题描述 Android调用百度API写的地图不能用了 去年自己调用百度地图写了个APP,现在代码一点没变,但是地图不能用了.地图能显示"Baidu地图"的字样,也能出现网格,就是刷新不出地图,不是网络的原因,后来试着换过新的API,还是不行,这到底是怎么回事 下面是错误日志05-08 07:54:43.660: E/dalvikvm(974): JNI ERROR (app bug): accessed stale local reference 0xb3300025 (index

百度3D地图API的调用以及适应过程

做软件工程大作业的时候需要使用到baidu地图的API.这里将调用百度地图API的过程说明一下.其实大部分是参照百度API的实例说明做了.只做了一些小小的改动.因为个人对javascript非常不熟.只能一边写代码一边上网查找.为了使地图显示效果达到和follow5显示的效果一致,我自己写了一个javascript函数show().估计这个就是此处的重点吧. aspx页面 html代码唯一要注意的就是 <div style="width:797px;height:597px;border:

去百度API的百度地图准确叠加和坐标转换的解决方案研究

原文:去百度API的百度地图准确叠加和坐标转换的解决方案研究 1.背景 目前项目上如果要使用百度地图,得加载百度的开发包,然后通过百度提供的接口来调用百度地图以及将需要标记的点显示在百度地图中等等. 此方案存在明显劣势: a.对原系统的破坏.一套从底层开发的系统,其地图的加载方式均是从底层通过换算行列号来进行加载的.而百度地图却必须脱离此方案通过调用百度API来实现,破坏了整个系统的架构,并且导致很多基于原架构的功能无法使用. b.自身发布的矢量服务等无法使用.因为百度采用的是非标准火星坐标,自

独立站SEO新人必读之网站制作必须明白的要点

电子商务这门技术在国外的发展远比中国要领先,不过中国发展迅速也不甘落后的加入了这列大军之中,在电子商务国内的技术包括有B2B平台的SEO应用.企业独立站的SEO应用.百度功能的应用以及论坛博客微博等等工具的SEO应用,那现在就由我来为大家首先讲解一下独立站的应用. 目前国内的小企业还是较多的,这也是很多人都想当老板的原因吧!那现在问题出来了,作为一家小公司,资金本身就不足,网站要如何去建立才能最大限度的发掘出它的潜在价值呢?说到这里,大家都会想,如果找专业的公司做,想要做的好一点收费肯定不会便宜

javascript-js 都用百度api 的标注点的时候 保存 发现标注点会偏移

问题描述 js 都用百度api 的标注点的时候 保存 发现标注点会偏移 js 都用百度api 的标注点的时候 保存 发现标注点会偏移 无论地图放最大还是最小 都会出出现 有谁遇到过这种情吗 解决方案 是不是gps坐标的问题.天朝出于和谐的需要,地图标注的gps坐标都不是实际的坐标,而是有个偏移量,需要用算法修正. 解决方案二: http://hunray.iteye.com/blog/1404129

三维-百度全景地图是如何实现的

问题描述 百度全景地图是如何实现的 百度全景地图是如何实现的,如何在二维地图中嵌入三维全景地图,相关技术,开源平台等 解决方案 去看百度地图提供的api文档啊 解决方案二: http://developer.baidu.com/map/ 参考,. 解决方案三: 百度地图开发之实现运动轨迹 <一>