Question

我是编程新手，我想开发一个显示食品，商场等项目列表的应用程序，当用户点击任何项目时，它应该自动获取用户的位置并显示相应搜索和搜索的列表query是列表项的名称。

我尝试使用navigator.geolocation.watchPosition（）来获取用户的坐标。

以下是我用

做的事情

Javascript代码

var x=document.getElementById("demo");

function getLocation()
{
    if (navigator.geolocation)
    {
        navigator.geolocation.watchPosition(showPosition);
    }
    else{
        x.innerHTML="Geolocation is not supported by this browser.";
    }
}

function showPosition(position)
{
    initialize(position.coords.latitude,position.coords.longitude);
}

/*getting locations nearby using google places api*/

function initialize(lat,lng) {
    var map = new google.maps.Map(document.getElementById('map-canvas'), {
        center: new google.maps.LatLng(lat,lng),
        zoom: 15
    });

    var request = {
        reference: 'CnRkAAAAGnBVNFDeQoOQHzgdOpOqJNV7K9-c5IQrWFUYD9TNhUmz5-aHhfqyKH0zmAcUlkqVCrpaKcV8ZjGQKzB6GXxtzUYcP-muHafGsmW-1CwjTPBCmK43AZpAwW0FRtQDQADj3H2bzwwHVIXlQAiccm7r4xIQmjt_Oqm2FejWpBxLWs3L_RoUbharABi5FMnKnzmRL2TGju6UA4k'
    };

    var infowindow = new google.maps.InfoWindow();
    var service = new google.maps.places.PlacesService(map);

    service.getDetails(request, function(place, status) {
        if (status == google.maps.places.PlacesServiceStatus.OK) {
            var marker = new google.maps.Marker({
                map: map,
                position: place.geometry.location
            });
            google.maps.event.addListener(marker, 'click', function() {
                infowindow.setContent(place.name);
                infowindow.open(map, this);
            });
        }
    });
}

google.maps.event.addDomListener(window, 'load', initialize);

function wlCommonInit(){
    require([ "layers/core-web-layer", "layers/mobile-ui-layer" ], dojoInit);

    getLocation();
    initialize();
}

我知道这可能与问题重复，但我没有在搜索中找到与我的问题相符的内容。如果有任何对我有用的帖子请回复。

Answer 1

我发现它。我的密钥存在问题，当我试图在浏览器中获取详细信息时，它说“访问被拒绝”。所以，我改变了google api密钥并尝试了。现在我在浏览器中得到了结果。

使用地理位置获取附近位置的信息

1 个答案: