某草草2017-06-10 09:50:44
這是我在前不久做的專案裡給你找來的,實現的是把頁面中的地址名稱轉換成經緯度坐標並在地圖中標註出來,裡面有你用的到的,要建多個地圖的話,就多放幾個
,當然ID要變一下啦,JS裡初始化也複製一份,map改成map1後面的方法傳參改成新的ID,不複雜,你自己琢磨琢磨,還不懂的話歡迎加好友,QQ 269144551,一起學習探討上海市黃浦區北京西路130弄
//百度地图api
//获取项目地址信息
var product_address = $('.product-address').text();
//初始化地图
var map = new BMap.Map("allmap");
map.centerAndZoom('上海市', 12);
map.setCurrentCity("上海市");
//添加缩放
var navigationControl = new BMap.NavigationControl({
// 靠左上角位置
anchor: BMAP_ANCHOR_TOP_RIGHT,
// LARGE类型
type: BMAP_NAVIGATION_CONTROL_LARGE,
// 启用显示定位
enableGeolocation: true
});
map.addControl(navigationControl);
// 添加定位控件
var geolocationControl = new BMap.GeolocationControl();
geolocationControl.addEventListener("locationSuccess");
geolocationControl.addEventListener("locationError", function (e) {
//定位失败事件
alert(e.message);
});
map.addControl(geolocationControl);
//获取地址经纬度
var geocoder = new BMap.Geocoder();
geocoder.getPoint(product_address, function (point) {
if (point) {
var lng = point.lng;
var lat = point.lat;
map.centerAndZoom(product_address, 20);
var marker = new BMap.Marker(new BMap.Point(121.477904, 31.242809));
map.addOverlay(marker);
}
}, '上海市');