繁体   English   中英

地理位置标记未显示,Google Maps API V3

[英]Geolocation marker not appearing, Google Maps API V3

我正在使用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);
            }
        }
    }
}

如果您可以向我展示如何在此代码中实现地理位置,我将不胜感激!

创建地图对象后,调用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);
    }

    }

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM