设为首页
收藏本站
用户名
Email
自动登录
找回密码
密码
登录
立即注册
只需一步,快速开始
快捷导航
登录
注册
论坛首页
BBS
建站模版
微站设计
虚拟主机
企业邮箱
博客日志
Blog
搜索
搜索
搜索
热搜
长春
优惠
活动
做网站
本版
帖子
用户
本版
帖子
用户
请
登录
后使用快捷导航
没有帐号?
立即注册
道具
勋章
任务
留言板
设置
我的收藏
退出
时时商务社区
»
论坛首页
›
建站资源
›
建站技术
›
百度地图API使用方法详解
返回列表
查看:
1580
|
回复:
0
百度地图API使用方法详解
[复制链接]
wx_pylelnL4
当前离线
积分
7532
2536
主题
2536
帖子
7532
积分
论坛元老
论坛元老, 积分 7532, 距离下一级还需 9992467 积分
论坛元老, 积分 7532, 距离下一级还需 9992467 积分
积分
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空间
腾讯微博
腾讯朋友
收藏
0
回复
使用道具
举报
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
用户反馈
客户端