Question

我想把Gmaps放在我的面板中。地图无法正常工作，并且不以我定义的LatLang点为中心。

我必须使用<article class="panel>...</article> "，但可能与此相冲突。

这有什么不对？

HTML code：

<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!"
    });
}

任何解决方案？

提前致谢。

Answer 1

您能否通过以下链接浏览谷歌的标记在线文档

https://developers.google.com/maps/documentation/javascript/markers

有关示例，请参阅链接http://www.svennerberg.com/2009/07/google-maps-api-3-markers/

设置Google地图面板的坐标

1 个答案: