0

私は何時間も探していましたが、解決策が見つかりません。私のマーカー コードは非常に単純です (API ドキュメントから取得) が、自分の Web サイトにマーカーを表示できないようです。マップ自体は正常にレンダリングされますが (キーは実際のコードに含まれています)、マーカーはありません。

どんな助けでも大歓迎です。ありがとう！

サイト: http://ath-uterwinctr.its.utexas.edu/about/location

ウェブサイトが参照するファイル (gmap.js) 内のコード:

$(document).ready(function(){
var myLatLng = new google.maps.LatLng(30.27639, -97.732422);
var myOptions = {
    center: myLatLng,
    zoom: 16,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map-erwincenter"),
        myOptions);
    var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    title: "Frank Erwin Center"
    });
});

gmap.js を参照するウェブサイト コード:

<?php
drupal_add_js('sites/all/themes/delphic/js/gmap.js');
drupal_set_html_head('<script type="text/javascript" 
src="http://maps.googleapis.com/maps/api/js?sensor=false">
</script>'); ?>

<div id="map-frame"><div id="map-erwincenter">&nbsp;</div></div>
4

1 に答える 1

1

私はあなたのライブソースを見ました.あなたは行を削除する必要がありますmarker.setMap(). マーカーは、上でmap: map定義されたプロパティを使用してマップに既に配置されています。

呼び出しsetMapは のように行う必要がありますが、オプションにあるmarker.setMap(map)ため冗長で不要です。map: map今起こっていることはsetMap()、と解釈されsetMap(null)、効果がマーカーを削除していると思います。

http://ath-uterwinctr.its.utexas.edu/sites/default/files/js/js_40f5a94093acf14755eb100d58a7a838.js

1245号線

$(document).ready(function(){
    var myLatLng = new google.maps.LatLng(30.27639, -97.732422);
    var myOptions = {
        center: myLatLng,
        zoom: 16,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map-erwincenter"),
            myOptions);
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        title: "Frank Erwin Center"
    });
    marker.setMap();  // <-- *** This line should disappear ***
});
于 2012-06-27T00:59:05.937 に答える