Question

我目前仍然坚持要在网站上显示谷歌地图。这在一段时间后在开发环境中工作。我开始把它变为现实，并认为我只需要src中的API密钥

我拥有的是

   <script src="https://maps.googleapis.com/maps/api/js?key=MY_API CODE HERE&callback=initMap"
        async defer></script>
<script type="text/javascript">

    initialize();

    function initialize() {
        google.maps.event.addDomListener(window, 'load', function () {
            codeAddress("@Model.Postcode, @Model.Address");
        });
        }

    var geocoder;
    var map;

    function codeAddress(address) {
        geocoder = new google.maps.Geocoder();
        geocoder.geocode({ 'address': address }, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                var myOptions = {
                    zoom: 17,
                    center: results[0].geometry.location,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                }
                map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
                var marker = new google.maps.Marker({
                    map: map,
                    position: results[0].geometry.location
                });
                // create a marker
                var marker = new google.maps.Marker({
                    position: results[0].geometry.location,
                    map: map,
                    title: 'Latitude: ' + results[0].geometry.location.Ya + ' Longitude :' + results[0].geometry.location.Za
                });
            }
        });
    }

但这只会产生错误

此页面无法显示Google地图元素。提供的Google API密钥无效，或者此网站无权使用它。

非常感谢

Answer 1

您首先必须从网站获取API密钥，并将其替换为＆＃34; MY_API CODE HERE＆＃34;部分

Answer 2

这应该有效，只是因为我们都犯了错误，你确定你正确地复制了API密钥吗？你需要确保尾随'＆amp;'在你添加密钥后，它仍在那里。

您还可以尝试生成另一个密钥并使用它。这样做的过程如下：https://developers.google.com/maps/documentation/javascript/get-api-key#key

Google地图未在网站中显示

2 个答案: