小编Tii*_*ign的帖子

第一次询问stackoverflow,所以请耐心等待我打破一些规则,尽我所能解决自己寻找解决方案,但没有运气.

我使用了一个工具来帮助我自定义带有多个标记位置和样式的谷歌地图(下面的代码).我在本地和我自己的域测试它,它工作得很好.当我在生产站点上发布它时,它会显示一段时间,然后会显示一条错误消息

"糟糕!出了点问题.此页面未正确加载Google地图.请参阅> JavaScript控制台了解技术详情"

Firefox上的Javascript控制台只报告错误,我认为没有关系:"API Fullscreen已弃用"

我还尝试从Google Developer Console获取(新)API KEY并将其插入API请求链接中,如Google文档中所述(没有运气).我在Google Search Console上验证了该网站的所有权.无论如何我认为这不是我的情况,因为域是最近的,控制台不报告任何关于API KEY的错误.

真想知道什么是错的.这是一个不起作用 的演示:http://www.fastdirectlink.com/map.html这是一个演示工作:http://tiikeridesign.com/map.html

这是我使用的代码

<script src='https://maps.googleapis.com/maps/api/js?key=&sensor=false&extension=.js'></script> 

<script> 
    google.maps.event.addDomListener(window, 'load', init);
    var map;
    function init() {
        var mapOptions = {
            center: new google.maps.LatLng(45.0735671,7.67406040000003),
            zoom: 2,
            zoomControl: true,
            zoomControlOptions: {
                style: google.maps.ZoomControlStyle.DEFAULT,
            },
            disableDoubleClickZoom: false,
            mapTypeControl: true,
            mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
            },
            scaleControl: true,
            scrollwheel: true,
            panControl: true,
            streetViewControl: true,
            draggable : true,
            overviewMapControl: true,
            overviewMapControlOptions: {
                opened: true,
            },
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            styles: …