パネルに Gmap を配置したい。マップが正しく機能せず、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!"
});
}
解決策はありますか?
前もって感謝します。