Javascript 同样的谷歌地图在新域名中无法使用

以下代码在一个域中运行良好，而在另一个域中地图不会显示。 为什么会这样

这两个站点的内容与客户端迁移到新地址的过程完全相同

在旧域中，地图工作正常。在新窗口中，会出现一个错误

HTML

JavaScrip

    <script src="https://maps.googleapis.com/maps/api/js"></script>

    <script>
    function initialize() {

    //-----------------------------Stiles --------------------------------:

    var styles = [ { "featureType": "landscape.man_made", "elementType": "geometry.fill", "stylers": [ { "hue": 

    "#66ff00" }, { "saturation": 43 }, { "visibility": "on" }, { "lightness": -46 } ] },{ 

    "featureType": "landscape.natural", "stylers": [ { "visibility": "on" }, { "hue": "#3bff00" }, 

    { "lightness": -53 }, { "saturation": 33 } ] },{ "featureType": "landscape.natural.terrain", 

    "stylers": [ { "visibility": "off" } ] },{ "featureType": "water", "stylers": [ { "lightness": 

    -61 }, { "saturation": -60 }, { "hue": "#1aff00" } ] },{ "featureType": "road.highway", 

    "elementType": "geometry.fill", "stylers": [ { "visibility": "on" }, { "hue": "#4cff00" }, { 

    "lightness": -69 } ] },{ "featureType": "road.highway", "elementType": "geometry.stroke", 

    "stylers": [ { "visibility": "off" } ] },{ "featureType": "road.arterial", "elementType": 

    "geometry.fill", "stylers": [ { "visibility": "on" }, { "saturation": 57 }, { "hue": "#22ff00" 

    }, { "lightness": -68 } ] },{ "featureType": "road.arterial", "elementType": "geometry.stroke", 

    "stylers": [ { "visibility": "off" } ] },{ "featureType": "road.local", "elementType": 

    "geometry.fill", "stylers": [ { "hue": "#55ff00" }, { "lightness": -64 }, { "saturation": 58 } 

    ] },{ "featureType": "road.local", "elementType": "geometry.stroke", "stylers": [ { 

    "visibility": "off" } ] },{ "featureType": "road", "elementType": "labels.text.fill", 

    "stylers": [ { "color": "#ffffff" }, { "visibility": "on" } ] },{ "featureType": "road", 

    "elementType": "labels.text.stroke", "stylers": [ { "visibility": "off" } ] },{ "featureType": 

    "road", "elementType": "labels.icon", "stylers": [ { "visibility": "on" }, { "hue": "#6eff00" 

    }, { "lightness": -2 }, { "saturation": -42 } ] },{ "featureType": "poi", "elementType": 

    "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#8080ff" }, { "hue": 

    "#66ff00" }, { "saturation": -30 }, { "lightness": -45 } ] },{ "featureType": "poi", 

    "elementType": "labels.text.stroke", "stylers": [ { "color": "#808080" }, { "visibility": "off" 

    } ] },{ "featureType": "poi", "elementType": "labels.text.fill", "stylers": [ { "visibility": 

    "on" }, { "color": "#ffffff" } ] },{ "featureType": "administrative", "elementType": 

    "labels.text.fill", "stylers": [ { "color": "#ffffff" }, { "visibility": "on" } ] },{ 

    "featureType": "administrative", "elementType": "labels.text.stroke", "stylers": [ { 

    "visibility": "on" }, { "hue": "#66ff00" }, { "saturation": 31 }, { "lightness": -76 } ] },{ 

    "featureType": "water", "elementType": "labels.text", "stylers": [ { "color": "#ffffff" }, { 

    "visibility": "on" } ] },{ "featureType": "water", "elementType": "labels.text.stroke", 

    "stylers": [ { "color": "#2a6028" } ] },{ "featureType": "transit.line", "elementType": 

    "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#97f845" } ] },{ 

    "featureType": "transit.station", "elementType": "labels.text.fill", "stylers": [ { "color": 

    "#ffffff" } ] },{ "featureType": "transit.station", "elementType": "labels.text.stroke", 

    "stylers": [ { "visibility": "off" } ] } ]


    //-----------------------------------------------------------------------:

      var mapOptions = {
        zoom: 15,
        styles: styles,
        center: new google.maps.LatLng(40.115, -8.251),
        scrollwheel: true,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }
      var map = new google.maps.Map(document.getElementById('map-canvas'),
                                    mapOptions);


    //----------------------------- Marker --------------------------------:

      var image = 'images/logo-map-10.png';
      var myLatLng = new google.maps.LatLng(40.11218, -8.25144);
      var tipografiaMarker = new google.maps.Marker({
          position: myLatLng,
          map: map,
          icon: image,
          animation: google.maps.Animation.BOUNCE,
      });
    }


    //-----------------------------------------------------------------------:

    google.maps.event.addDomListener(window, 'load', initialize);

    <script>

函数初始化（）{
//-----------------------------斯泰尔斯--------------------
var styles=[{“featureType”：“景观.人造”，“元素类型”：“几何体.填充”，“样式器”：[{“色调”：
“#66ff00”}，{“饱和度”：43}，{“可见性”：“在”}，{“亮度”：-46}]}，{
“特征类型”：“景观.自然”，“风格”：[{“可见性”：“在”}，{“色调”：“#3bff00”}，
{“亮度”：-53}、{“饱和度”：33}、{“特征类型”：“景观.自然.地形”，
“样式器”：[{“可见性”：“关闭”}]}，{“特征类型”：“水”，“样式器”：[{“亮度”：
-61}，{“饱和度”：-60}，{“色调”：“#1aff00”}]}，{“特征类型”：“道路.公路”，
“elementType”：“geometry.fill”，“stylers”：[{“可见性”：“on”}，{“色调”：“#4cff00”}，{
“亮度”：-69}]}，{“特征类型”：“道路.公路”，“元素类型”：“几何.笔划”，
“样式器”：[{“可见性”：“关闭”}]}，{“特征类型”：“道路.干线”，“元素类型”：
“geometry.fill”，“stylers”：[{“可见性”：“on”}，{“饱和度”：57}，{“色调”：“#22ff00”
}，{“亮度”：-68}]}，{“特征类型”：“道路.动脉”，“元素类型”：“几何.笔划”，
“样式器”：[{“可见性”：“关闭”}]}，{“特性类型”：“road.local”，“元素类型”：
“geometry.fill”，“stylers”：[{“色调”：“#55ff00”}，{“亮度”：-64}，{“饱和度”：58}
]}，{“featureType”：“road.local”，“elementType”：“geometry.stroke”，“stylers”：[{
“可见性”：“off”}]}，{“featureType”：“road”，“elementType”：“labels.text.fill”，
“样式器”：[{“颜色”：“#ffffff”}，{“可见性”：“在”}]}，{“特征类型”：“道路”，
“elementType”：“labels.text.stroke”，“stylers”：[{“可见性”：“off”}]}，{“featureType”：
“道路”，“元素类型”：“标签.图标”，“样式器”：[{“可见性”：“在”}，{“色调”：“#6eff00”
}，{“亮度”：-2}，{“饱和度”：-42}]}，{“特征类型”：“poi”，“元素类型”：
“geometry.fill”，“stylers”：[{“可见性”：“on”}，{“color”：“#8080ff”}，{“色调”：
“#66ff00”}、{“饱和度”：-30}、{“亮度”：-45}、{“特征类型”：“poi”，
“elementType”：“labels.text.stroke”，“stylers”：[{“color”：“#808080”}，{“可见性”：“off”
}]}，{“featureType”：“poi”，“elementType”：“labels.text.fill”，“stylers”：[{“可见性”：
“在”}，{“颜色”：“#ffffff”}]}，{“特性类型”：“管理”，“元素类型”：
“labels.text.fill”，“stylers”：[{“color”：“#ffffff”}，{“可见性”：“on”}]}，{
“featureType”：“administrative”，“elementType”：“labels.text.stroke”，“stylers”：[{
“可见性”：“在”}，{“色调”：“#66ff00”}，{“饱和度”：31}，{“亮度”：-76}]}，{
“featureType”：“water”，“elementType”：“labels.text”，“stylers”：[{“color”：“#ffffff”}，{
“可见性”：“on”}]}，{“featureType”：“water”，“elementType”：“labels.text.stroke”，
“样式器”：[{“颜色”：“#2a6028”}]}，{“特征类型”：“transit.line”，“元素类型”：
“geometry.fill”，“stylers”：[{“可见性”：“on”}，{“color”：“#97f845”}]}，{
“featureType”：“transit.station”，“elementType”：“labels.text.fill”，“stylers”：[{“color”：
“#ffffff”}]}，{“featureType”：“transit.station”，“elementType”：“labels.text.stroke”，
“样式器”：[{“可见性”：“关闭”}]}]
//-----------------------------------------------------------------------:
变量映射选项={
缩放：15，
风格：风格，
中心：新google.maps.LatLng（40.115，-8.251），
滚轮：对，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map（document.getElementById（'map-canvas'），
地图选项）；
//-----------------------------标记器--------------------
var image='images/logo-map-10.png'；
var mylatng=new google.maps.LatLng（40.11218，-8.25144）；
var tipografiaMarker=新的google.maps.Marker({
职位：myLatLng，
地图：地图，
图标：图像，
动画：google.maps.animation.BOUNCE，
});
}
//-----------------------------------------------------------------------:
google.maps.event.addDomListener（窗口“加载”，初始化）；

js:35谷歌地图API错误：MissingKeyMapError

---

从去年夏天开始，您必须使用API密钥并将其限制在特定域中。

js:35谷歌地图API错误：MissingKeyMapError

从去年夏天开始，您必须使用API密钥，并将其限制在特定的域中

    <script src="https://maps.googleapis.com/maps/api/js"></script>

    <script>
    function initialize() {

    //-----------------------------Stiles --------------------------------:

    var styles = [ { "featureType": "landscape.man_made", "elementType": "geometry.fill", "stylers": [ { "hue": 

    "#66ff00" }, { "saturation": 43 }, { "visibility": "on" }, { "lightness": -46 } ] },{ 

    "featureType": "landscape.natural", "stylers": [ { "visibility": "on" }, { "hue": "#3bff00" }, 

    { "lightness": -53 }, { "saturation": 33 } ] },{ "featureType": "landscape.natural.terrain", 

    "stylers": [ { "visibility": "off" } ] },{ "featureType": "water", "stylers": [ { "lightness": 

    -61 }, { "saturation": -60 }, { "hue": "#1aff00" } ] },{ "featureType": "road.highway", 

    "elementType": "geometry.fill", "stylers": [ { "visibility": "on" }, { "hue": "#4cff00" }, { 

    "lightness": -69 } ] },{ "featureType": "road.highway", "elementType": "geometry.stroke", 

    "stylers": [ { "visibility": "off" } ] },{ "featureType": "road.arterial", "elementType": 

    "geometry.fill", "stylers": [ { "visibility": "on" }, { "saturation": 57 }, { "hue": "#22ff00" 

    }, { "lightness": -68 } ] },{ "featureType": "road.arterial", "elementType": "geometry.stroke", 

    "stylers": [ { "visibility": "off" } ] },{ "featureType": "road.local", "elementType": 

    "geometry.fill", "stylers": [ { "hue": "#55ff00" }, { "lightness": -64 }, { "saturation": 58 } 

    ] },{ "featureType": "road.local", "elementType": "geometry.stroke", "stylers": [ { 

    "visibility": "off" } ] },{ "featureType": "road", "elementType": "labels.text.fill", 

    "stylers": [ { "color": "#ffffff" }, { "visibility": "on" } ] },{ "featureType": "road", 

    "elementType": "labels.text.stroke", "stylers": [ { "visibility": "off" } ] },{ "featureType": 

    "road", "elementType": "labels.icon", "stylers": [ { "visibility": "on" }, { "hue": "#6eff00" 

    }, { "lightness": -2 }, { "saturation": -42 } ] },{ "featureType": "poi", "elementType": 

    "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#8080ff" }, { "hue": 

    "#66ff00" }, { "saturation": -30 }, { "lightness": -45 } ] },{ "featureType": "poi", 

    "elementType": "labels.text.stroke", "stylers": [ { "color": "#808080" }, { "visibility": "off" 

    } ] },{ "featureType": "poi", "elementType": "labels.text.fill", "stylers": [ { "visibility": 

    "on" }, { "color": "#ffffff" } ] },{ "featureType": "administrative", "elementType": 

    "labels.text.fill", "stylers": [ { "color": "#ffffff" }, { "visibility": "on" } ] },{ 

    "featureType": "administrative", "elementType": "labels.text.stroke", "stylers": [ { 

    "visibility": "on" }, { "hue": "#66ff00" }, { "saturation": 31 }, { "lightness": -76 } ] },{ 

    "featureType": "water", "elementType": "labels.text", "stylers": [ { "color": "#ffffff" }, { 

    "visibility": "on" } ] },{ "featureType": "water", "elementType": "labels.text.stroke", 

    "stylers": [ { "color": "#2a6028" } ] },{ "featureType": "transit.line", "elementType": 

    "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#97f845" } ] },{ 

    "featureType": "transit.station", "elementType": "labels.text.fill", "stylers": [ { "color": 

    "#ffffff" } ] },{ "featureType": "transit.station", "elementType": "labels.text.stroke", 

    "stylers": [ { "visibility": "off" } ] } ]


    //-----------------------------------------------------------------------:

      var mapOptions = {
        zoom: 15,
        styles: styles,
        center: new google.maps.LatLng(40.115, -8.251),
        scrollwheel: true,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }
      var map = new google.maps.Map(document.getElementById('map-canvas'),
                                    mapOptions);


    //----------------------------- Marker --------------------------------:

      var image = 'images/logo-map-10.png';
      var myLatLng = new google.maps.LatLng(40.11218, -8.25144);
      var tipografiaMarker = new google.maps.Marker({
          position: myLatLng,
          map: map,
          icon: image,
          animation: google.maps.Animation.BOUNCE,
      });
    }


    //-----------------------------------------------------------------------:

    google.maps.event.addDomListener(window, 'load', initialize);

    <script>