当我点击文字时。谷歌地图将在bootstrap中弹出模态弹出
此处创建了谷歌地图,并通过标记指出了位置。标记放在左上角。不在中心位置。
调用谷歌地图
td_location.innerHTML = '<span data-toggle="modal" data-target="#map"><img src="img/marker.png" class="add_marker" onclick="createMap('+json_obj.devices[i].latitude+','+json_obj.devices[i].longitude+')"/></span>'
谷歌地图创建
function createMap(lat,lng)
{
var mapOptions={
zoom:10,
//center:new google.maps.LatLng(lat, lng)
};
map=new google.maps.Map(document.getElementById('locationMap'),mapOptions);
var pos=new google.maps.LatLng(lat,lng);
var marker = new google.maps.Marker({
position: pos,
map: map,
});
map.setCenter(pos);
return true;
}
答案 0 :(得分:0)
google.maps.event.addListenerOnce(map, 'idle', function(){
google.maps.event.trigger(map, 'resize');
map.setCenter(pos);
});