Javascript 谷歌地图加载不正确

大家好，我正在尝试在我的项目中实现带有标记的GoogleMap，因为我正在使用以下代码

在我的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>

$（函数（）{
var映射；
google.maps.event.addDomListener（窗口，“加载”，函数（）{
var map=new google.maps.map（document.getElementById（“googleMap”）{
中心：新google.maps.LatLng（12.89645277.595717），
缩放：17，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var infoWindow=new google.maps.infoWindow（）；
函数createMarker（选项，html）{
var marker=新的google.maps.marker（选项）；
如果（html）{
google.maps.event.addListener（标记“单击”，函数（）{
setContent（html）；
infoWindow.open（options.map，this）；
});
}
返回标记；
}
var marker0=新的google.maps.Marker({
位置：new google.maps.LatLng（12.896452,77.595717），
地图：地图，
标签：{
正文：“康蒂工业”，
颜色：“9f1b1f”，
字体大小：“15px”，
fontWeight：“粗体”，
},
标题：“康蒂工业”，
动画：google.maps.animation.DROP，
});
});
});

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

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

---

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

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