使用Google Maps Geocoding API确定位置的地址

时间:2019-06-22 17:58:32

标签: javascript google-maps google-geocoding-api

当我使用Google Map API时,我在将地址保存到变量中时遇到问题

我尝试将其保存在全局变量中,然后使用console.log调用这些变量

<script>
    var x;
    window.onload = function () {
        var mapOptions = {
            center: new google.maps.LatLng(27.191315760031543, 31.189079340815315),
            zoom: 14,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var infoWindow = new google.maps.InfoWindow();
        var latlngbounds = new google.maps.LatLngBounds();
        var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);

        google.maps.event.addListener(map, 'click', function (e) {
            var latlng = new google.maps.LatLng(e.latLng.lat(), e.latLng.lng());
            var geocoder = geocoder = new google.maps.Geocoder();
            geocoder.geocode({ 'latLng': latlng }, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                if (results[1]) {
                    alert("Location: " + results[1].formatted_address + "\r\nLatitude: " + e.latLng.lat() + "\r\nLongitude: " + e.latLng.lng());
                            x=results[1].formatted_address;
                }
            }
        });
    });
    }
    console.log(x);
</script>

地理编码服务:您必须使用API​​密钥来验证对Google Maps Platform API的每个请求。有关其他信息,请参阅http://g.co/dev/maps-no-account。有关身份验证和Google Maps JavaScript API服务的更多信息,请参见:https://developers.google.com/maps/documentation/javascript/get-api-key enter code here

1 个答案:

答案 0 :(得分:0)

需要 包括 API key 来认证所有Maps API请求。根据您提供的错误,它表示加载JavaScript API的脚本中没有包含API密钥。

请像这样包含API密钥:

+-----+------+
| Id  | Year |
+-----+------+
|  64 | 2018 |
|  76 | 2018 |
| 124 | 2018 |
| 125 | 2019 |
| 305 | 2018 |
| 555 | 2018 |
+-----+------+

然后用有效的API密钥替换文字YOUR_API_KEY。

也请注意,建议通过指定callback参数来初始化地图。请参阅有关here的更多信息。