介绍
& lt; script 类型=拔谋?javascript", https://www.yisu.com/zixun/src=" http://api.map.baidu.com/api?v=1.0&type=webgl&ak=您的密钥"> map.centerAndZoom(15点,,),,,,,,,,,,,,,,,,,,,,//,初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom(真正的),,,,,,,,,,,,,,,,,//开启鼠标滚轮缩放
map.setMapType (BMAP_EARTH_MAP);,,,,,,,,,,,,,,,,,//,设置地图类型为地球模式 var scaleCtrl =, new BMapGL.ScaleControl();,,//,添加比例尺控件
map.addControl (scaleCtrl);
var zoomCtrl =, new BMapGL.ZoomControl();,,//,添加缩放控件
map.addControl (zoomCtrl);
var cityCtrl =, new BMapGL.CityListControl();,,//,添加城市列表控件
map.addControl (cityCtrl);
var locationControl =, new BMapGL.LocationControl();,,//,添加定位控件
map.addControl (locationControl); ,//获取当前地理位置,将地图中心点移动到定位位置
var geolocation =, new BMapGL.Geolocation();//创建定位对象
geolocation.getCurrentPosition (function (r),{//通过定位对象调用定位函数,回调函数形参r表示定位结果
if 才能;(this.getStatus (),==, BMAP_STATUS_SUCCESS),{//如果定位成功
,,,var mk =, new BMapGL.Marker (r.point);//创建标记,r是定位结果,r.point就是当前定位的地点
,,,map.addOverlay(可);//将标记对象添加到地图上
,,,map.panTo (r.point);//将地图中心店移动到定位地点
,,,//,警报(& # 39;您的位置:& # 39;,+,r.point.lng +, & # 39;, & # 39;, +, r.point.lat);
,,}
else {才能
,,,警报(& # 39;失败# 39;,+,this.getStatus ());
,,}
}); ,,//给地图添加点击事件
map.addEventListener (“click",函数(e) {//才能形参名称e地图点击事件的事件源//console.log才能(e.latlng.lng +”、“+ e.latlng.lat);
var 才能;mk =, new BMapGL.Marker (e.latlng);//创建标记,r是定位结果,r.point就是当前定位的地点
map.addOverlay才能(可);//将标记对象添加到地图上
}) ,//给地图添加点击事件
map.addEventListener (“click",函数(e) {//才能形参名称e地图点击事件的事件源//console.log才能(e.latlng.lng +”、“+ e.latlng.lat);
var 才能;mk =, new BMapGL.Marker (e.latlng);//创建标记,r是定位结果,r.point就是当前定位的地点
mk.addEventListener才能(“click",函数(){//给标记添加点击事件
,,,console.log(这);//这指代标记
,,,//由于标记属于地图对象的映射子标签,所以当我们点击标记时,会出现冒泡,地图上的点击事件也会触发
,,,//可以使用事件源对象的stopPropagation函数组织后续的事件冒泡
,,,event.stopPropagation ();
,,});
map.addOverlay才能(可);//将标记对象添加到地图上
})
这期内容当中小编将会给大家带来有关JavaScript中怎么接入百度地图API,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
<编辑类="目录">一、百度地图API接入
1,搜索百度地图开发平台
2,注册百度账号
3,登陆并申请成为开发者
4,在百度地图开发平台的首页选择控制台,在控制台中创建应用
二,在HTML中使用百度地图API
1,在HTML中引入百度地图js文件
将正义与发展党后的值替换为我们自己的秘钥。
2,在网页中定义一个DIV用于显示地图
显示地图的DIV一定要有身份证属性。
var map =, new BMapGL.Map (“container");,,,,,,,,,,//,创建地图实例,
var point =, new BMapGL.Point(116.404, 39.915);,,//,通过地理位置的经纬度创建点坐标
map.centerAndZoom(15点,,),,,,,,,,,,,,,,,,,,//,初始化地图,设置中心点坐标和地图级别
可选步骤:
4,添加可选控件
5,定位功能
百度地图支持浏览器定位和IP定位,当浏览器定位失败时,会默认采用IP定位。浏览器定位更加精确,IP定位只能定位到大概位置。
百度地图自带定位控件没有使用IP定位
