我想把 Gmaps 放在我的面板中。该地图无法正常工作,并且未以我定义的点 LatLang 为中心。
我必须使用<article class="panel>...</article> "
,但可能与此冲突。
这有什么问题?
HTML 代码:
<article id="work_map" class="panel">
<div id="map" style="height: 800px; width: 800px; margin:0 auto;"></div>
</article>
JS代码:
function initialize() {
var latlng = new google.maps.LatLng(39.184791, 16.324256); // centro della mappa
var primo = new google.maps.LatLng(39.184791, 16.324256); // segnapunto
var secondo = new google.maps.LatLng(39.320035, 16.245327); // segnapunto
// definizione della mappa
var myOptions = {
zoom: 5,
center: latlng,
mapTypeId: google.maps.MapTypeId.TERRAIN,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.BOTTOM_CENTER}
}
mymap = new google.maps.Map(document.getElementById("map"), myOptions);
// definizione segnapunto
var marker1 = new google.maps.Marker({
position: primo,
map: mymap,
title:"Primo Marker!"
});
var marker2 = new google.maps.Marker({
position: secondo,
map: mymap,
title:"Secondo Marker!"
});
}
有什么解决办法吗?
提前致谢。