Question

大家好我想在我的项目中用标记实现谷歌地图，因为我正在使用以下代码。

在我的HTML中

<div id="googleMap" style="height: 243px;"></div>

然后在脚本中

    <script>
    $(function () {
        var map;
        google.maps.event.addDomListener(window, "load", function () {
            var map = new google.maps.Map(document.getElementById("googleMap"), {
                center: new google.maps.LatLng(12.896452, 77.595717),
                zoom: 17,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            });
            var infoWindow = new google.maps.InfoWindow();
            function createMarker(options, html) {
                var marker = new google.maps.Marker(options);
                if (html) {
                    google.maps.event.addListener(marker, "click", function () {
                        infoWindow.setContent(html);
                        infoWindow.open(options.map, this);
                    });
                }
                return marker;
            }
            var marker0 = new google.maps.Marker({
                position: new google.maps.LatLng(12.896452, 77.595717),
                map: map,
                label: {
                    text: "Kanti Industries",
                    color: "#9f1b1f",
                    fontSize: "15px",
                    fontWeight: "bold",
                },
                title: 'Kanti Industries',
                animation: google.maps.Animation.DROP,
            });
        });
    });
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=****" ></script>

现在奇怪的问题是，当我上传文件在服务器上，在我的笔记本电脑上地图加载，一切正常，但当我在其他设备上打开相同的页面，如从我的手机浏览器或其他一些笔记本电脑它没有加载，我得到“oops”错误...

现在我无法访问其他PC来检查或查看控制台中的错误。我检查了API密钥是否正确的所有内容，我更改了一些内容以检查我是否正在编写正确的URL，我从chrome，IE和Firefox访问它。我的电脑上的每个浏览器都加载了地图，我也清除了缓存和所有。

这是我使用相同代码的不同服务器的另一个链接，但在这里工作正常..

Answer 1

我通过在api密钥中添加http限制来解决它。实际上客户端正在使用http //而我正在使用https //。

谷歌地图没有正确加载

1 个答案: