地理位置標記未顯示，Google Maps API V3

Question

我正在使用Google Map API V3構建移動地圖。 與標准地圖略有不同，因為我具有一些標記類別，因此您可以打開/關閉這些標記。 一切正常，但我似乎無法使地理位置正常工作。 我已經嘗試了所有可以找到的組合和代碼段，最多只能得到它來注冊位置請求，但是無論我做什么，它都不會在其中顯示標記。 我敢肯定我在做一些非常簡單的錯誤，但是我對Javascript還是很陌生，所以答案在逃避我。

這是我當前代碼的簡化版本（包含所有示例，但刪除了大量重復變量）。 這個示例不包含地理位置功能，因為我已經嘗試了多種方式，因此我不確定在哪放置哪一個。 toggleMarkers（）函數是我用來打開/關閉標記的功能，我猜測這就是所顯示的地理位置標記的問題所在。 如果您可以向我展示如何在此代碼中實現地理位置，我將不勝感激！

var markers = [];
function initialize() {

//Setting Map
    var mapOptions = {
        zoom: 18,
        center: new google.maps.LatLng(45.73158,-122.636277),
        mapTypeId: 'satellite'
    }
    var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
        map.setTilt(0);

//Marker Categories
    var markerBuildings = {
        category: 'buildings',
    }

    var markerParking = {
        category: 'parking',
    }

// Icons
    var iconBuilding = new google.maps.MarkerImage('images/building.png',
        new google.maps.Size(32, 37),
        new google.maps.Point(0,0),
        new google.maps.Point(16,32));

    var iconAmphitheater = new google.maps.MarkerImage('images/amphitheater.png',
        new google.maps.Size(32, 37),
        new google.maps.Point(0,0),
        new google.maps.Point(16,32));

//Coordinates

//Buildings
    var vmcb = new google.maps.Marker({
        position: new google.maps.LatLng(45.730513,-122.638106),
        map: map,
        url: 'http://www.google.com/',
        icon: iconBuilding,
        data: markerBuildings
    });
    markers.push(vmcb);     
    var vadm = new google.maps.Marker({                        
        position: new google.maps.LatLng(45.730899,-122.637742),
        map: map,
        url: 'http://www.google.com/',
        icon: iconBuilding,
        data: markerBuildings
    });
    markers.push(vadm);
}

function toggleMarkers(attr,val) {
    if (markers){
        for (i in markers) {
            if(markers[i].data[attr] == val){
                var visibility = (markers[i].getVisible() == true) ? false : true;
                markers[i].setVisible(visibility);
            }
        }
    }
}

Answer 1

如果您可以向我展示如何在此代碼中實現地理位置，我將不勝感激！

創建地圖對象后，調用getGeoLocation（）（如下）

    function getGeoLocation() {
          // http://stackoverflow.com/questions/3397585/navigator-geolocation-getcurrentposition-sometimes-works-sometimes-doesnt
    var options = null;

    if (navigator.geolocation) {

        if (!browserChrome) {
            // By using the 'maximumAge' option, the position
            // object is guaranteed to be at most 15 seconds old.
            // FF and Safari seem to like these options; Chrome does not
            options={enableHighAccuracy: false, maximumAge: 15000, timeout: 30000};
          }
        else {
            // Request a position. We only accept cached positions, no matter what 
            // their age is. If the user agent does not have a cached position at
            // all, it will immediately invoke the error callback.
            // http://dev.w3.org/geo/api/spec-source.html
            // Chrome will not allow this submitted via the file:// protocol
            options={maximumAge:Infinity, timeout:0};
          }

        navigator.geolocation.getCurrentPosition(function(position) {

            centerIsSet = true
            canGeolocate = true;

            var pos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

            map.setCenter(pos);

          },
             getGeoLocationErrorCallback(true),

            options);
    }
    else {

      // browser doesn't support geolocation
      getGeoLocationErrorCallback(false);
    }

    }