Javascript TypeError:map在使用google map API时未定义_Javascript_Google Maps

Javascript TypeError:map在使用google map API时未定义

javascript google-maps

Javascript TypeError:map在使用google map API时未定义,javascript,google-maps,Javascript,Google Maps,我在为我维护的站点实现谷歌地图时遇到了这个问题。我从firebug获得以下错误： TypeError:映射未定义我做错了什么注意：我们上周刚更改了域名多谢各位 <div id="mapd" style="width: 100%; height: 550px;"></div> <script src="https://maps-api-ssl.google.com/maps/api/js?key=mykey&sensor=false" type="tex

我在为我维护的站点实现谷歌地图时遇到了这个问题。我从firebug获得以下错误：

TypeError:映射未定义

我做错了什么

注意：我们上周刚更改了域名

多谢各位

<div id="mapd" style="width: 100%; height: 550px;"></div>
<script src="https://maps-api-ssl.google.com/maps/api/js?key=mykey&sensor=false" type="text/javascript"></script>
<script type="text/javascript">

var map;
var markers = [];
var markers1 = [];
var infoWindow;


function load1() {

  map = new google.maps.Map(document.getElementById("mapd"), {
    center: new google.maps.LatLng(22.00, 72.22),
    zoom: 8,
    mapTypeId: 'roadmap',
    mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}
  });
  infoWindow = new google.maps.InfoWindow();


  google.maps.event.addListener(map, 'dragend', function(ev){   
    var s = $("#searchcheck").is(':checked');
    if(s==true)
    {
      $('#loading').css('display','block');
      $('#loading1').css('display','block');
      searchLocationsNear(map.getCenter());
    }
  });

}


var映射；
var标记=[]；
var markers1=[]；
var信息窗口；
函数load1（）{
map=new google.maps.map（document.getElementById（“mapd”）{
中心：新google.maps.LatLng（22.00,72.22），
缩放：8，
mapTypeId:“路线图”，
mapTypeControlOptions:{style:google.maps.MapTypeControlStyle.DROPDOWN_MENU}
});
infoWindow=new google.maps.infoWindow（）；
google.maps.event.addListener（映射，'dragend'，函数（ev）{
var s=$（“#searchcheck”）.is（“：checked”）；
如果（s==true）
{
$（'加载'）.css（'显示'，'块'）；
$（'#loading1'）.css（'display'，'block'）；
searchLocationsNear（map.getCenter（））；
}
});
}

原因是您没有在库中添加google map api密钥。您可以在库中找到关键字“myKey”

获取谷歌api密钥

将“myKey”替换为google提供的密钥

再试一次 试试这段代码。

<!DOCTYPE html>
    <html>
      <head>
        <title>Simple Map</title>
        <meta name="viewport" content="initial-scale=1.0">
        <meta charset="utf-8">
    <div id="mapd" style="    width: 100%;
        height: 550px;
        position: absolute;
        z-index: 11;float: inherit;
        display: block;"></div>


    <script type="text/javascript">

    var map;
    var markers = [];
    var markers1 = [];
    var infoWindow;


    function initMap() {

      map = new google.maps.Map(document.getElementById("mapd"), {
        center: new google.maps.LatLng(22.00, 72.22),
        zoom: 8,
        mapTypeId: 'roadmap',
        mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}
      });
      infoWindow = new google.maps.InfoWindow();


      google.maps.event.addListener(map, 'dragend', function(ev){   
        var s = $("#searchcheck").is(':checked');
        if(s==true)
        {
          $('#loading').css('display','block');
          $('#loading1').css('display','block');
          searchLocationsNear(map.getCenter());
        }
      });

    }

    </script>

    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA1TwYksj1uQg1V_5yPUZqwqYYtUIvidrY&callback=initMap"
        async defer></script>

     </body>
    </html>


简单地图
var映射；
var标记=[]；
var markers1=[]；
var信息窗口；
函数initMap（）{
map=new google.maps.map（document.getElementById（“mapd”）{
中心：新google.maps.LatLng（22.00,72.22），
缩放：8，
mapTypeId:“路线图”，
mapTypeControlOptions:{style:google.maps.MapTypeControlStyle.DROPDOWN_MENU}
});
infoWindow=new google.maps.infoWindow（）；
google.maps.event.addListener（映射，'dragend'，函数（ev）{
var s=$（“#searchcheck”）.is（“：checked”）；
如果（s==true）
{
$（'加载'）.css（'显示'，'块'）；
$（'#loading1'）.css（'display'，'block'）；
searchLocationsNear（map.getCenter（））；
}
});
}

如果您更改了域，则必须将其更新到密钥关联的位置。@Deep3015我今天刚刚添加了密钥，因为较旧的域在2016年之前，因此密钥指向正确的域。请提供一个示例来说明此问题。我没有收到所发布代码的报告错误（从未调用

load1

函数，因此没有映射）。请注意，发布的代码有一个语法错误（缺少开头

何时调用load1
？代码中的哪一行引发了错误？编写myKey是因为OP不想透露真正的keyTry my solution，您将得到您想要的结果。请参阅您答案上方的最后一条评论，OP今天已经生成了key