如何在网页中插入百度地图_第1页
如何在网页中插入百度地图_第2页
如何在网页中插入百度地图_第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、百度公司像 google,sogou 一样,拥有一套属于自己独立的地图系统, 该系统可以通过一个统一的接口“ baidu mapAPI ,将地图内置于任 何一个页面中。“ baidu mapAPI的使用和设置分为3个步骤:申请 baidu mapAPI key 文件、在页面中放入代码、设置自己需要的参数。 其过程如下:1、 在“”中,注册百度 地图API,然后输入需要内置百度地图页面的 URL地址,生成API密 钥(前提是拥有1个百度帐号并已登陆),将KEY文件复制保存。然 后将“地图 API 调用示例”放入页面代码里。 “地图 API 调用”源码 为: 说明:*号代表注册得到的key,以下同

2、2、 这时,在页面中并不会出现内置的百度地图,还需要用 html 语言, 让地图从程序转为对象。其源码为:var map = new BMap.Map(container);map.centerAndZoom(new BMap.Point(473.555555,10.397247),17);map.addControl(new BMap.NavigationControl();map.addControl(new BMap.ScaleControl();map.addControl(new BMap.OverviewMapControl();var local = new BMap.Local

3、Search(map, renderOptions:map: map);local.search( 西安市七斜西路 );3、该代码的个人设置如下:第 1 行把 baidu map API 程序植入源码中;第 2 行在页面中设置一个标签,宽度,长度可以自己调整; border 为该标签外框的性质, 1px 为 1 个像素宽度, solid 为实线, gray 为 边框显示颜色, margin-top 为该标签距离与上部的距离。第 5 行为地图中自己位置的坐标 (如果不清楚自己位置的坐标, 可以 上 google map 查)。第 68 行为植入地图缩放控制工具第 912 行为地图中自己的位置,只需在 local search 后填入自己的 位置名称(注: 该位置必须是在百度地图中有的,也就是说如果百度 地图没有收录你想显示的位置,很抱歉,无法标记,只能找一个接近的地点做为自己的

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论