找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1578|回复: 0
打印 上一主题 下一主题

百度地图API使用方法详解

[复制链接]

2536

主题

2536

帖子

7532

积分

论坛元老

Rank: 8Rank: 8

积分
7532
跳转到指定楼层
楼主
发表于 2018-2-14 05:43:01 | 只看该作者 回帖奖励 |正序浏览 |阅读模式

            最近做了个项目,其中项目中有个需求需要用到百度地图进行导航,通过查阅相关资料参考百度地图api完成了一个例子。
示例一:
API地址:http://developer.baidu.com/map/jsdemo.htm#a1_2



body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}


  
地图展示



效果如下:

示例二:
百度地图API是由JavaScript语言编写的,在使用之前需要将API引用到页面中:  现在新版本的需要密钥,下面用的是旧版的
显示广州火车站简单实例:




  
百度地图API的使用

  
  


  

地图上添加控件:

//添加控件
map.addControl(new BMap.MapTypeControl());
MapTypeControl ---------地图类型控件
CopyrightControl --------版权控件
ScaleControl       --------比例尺控件
NavigationControl  ------缩放控件
OverviewMapControl  ----缩略图控件
创建标注:

var marker = new BMap.Marker(point);       // 创建标注
map.addOverlay(marker);      // 将标注添加到地图中
创建信息窗口:

var infoWindow = new BMap.InfoWindow("I am here"); // 创建信息窗口对象
map.openInfoWindow(infoWindow,point);     //开启信息窗口
百度地图偏移量:
经度校正值: 0.008774687519;
纬度校正值: 0.00374531687912;
            
            
您可能感兴趣的文章:
  • 通过百度地图获取公交线路的站点坐标的js代码
  • 百度地图api应用标注地理位置信息(js版)
  • 利用百度地图JSAPI生成h7n9禽流感分布图实现代码
  • JS中引用百度地图并将百度地图的logo和信息去掉
  • javascript使用百度地图api和html5特性获取浏览器位置
  • js 调用百度地图api并在地图上进行打点添加标注
  • 使用百度地图api实现根据地址查询经纬度
  • js调用百度地图及调用百度地图的搜索功能
            
  • 分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    用户反馈
    客户端