1
我想將Gmaps放在我的面板中。地圖不能正常工作，並且不會集中在由我定義的LatLang點上。我不得不使用<article class="panel>...</article> "但可能與此衝突。設置Google地圖面板的座標
這是怎麼回事？
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!"
});
}
任何解決方案？
在此先感謝。