您的位置:首页 > Web前端 > AngularJS

百度地图的展示

2018-01-29 09:29 211 查看

百度地图的展示并添加标注点

//百度地图的展示  longtitude:经度   latitude:纬度
$scope.initMap = function (longitude,latitude) {

$scope.map = new BMap.Map("container");//创建地图实例
//以所给的经度,纬度为中心进行初始化
$scope.map.centerAndZoom(new BMap.Point(longitude,latitude),12);
$scope.map.addControl(new BMap.NavigationControl());
$scope.map.addControl(new BMap.ScaleControl());
$scope.map.addControl(new BMap.OverviewMapControl());
$scope.map.enableScrollWheelZoom(true);//开启鼠标滚轮缩放

//显示一个地址标记
var point = new BMap.Point(longitude,latitude);//将标注点转化为地图上的点
var marker =  new BMap.Marker(point);          //将点标注成标注点
$scope.map.addOverlay(marker);                //将标注添加到地图上

}


HTML中代码如下:

<div class="form-group mapCss" id="container">
</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  angularJs 百度地图