TypeError：map is undefined GoogleマップAPIを使用している場合

-1

私が維持しているサイトのGoogleマップを実装しようとしているうちに、この問題が発生しています。火かき棒から次のエラーが表示されます。TypeError：map is undefined GoogleマップAPIを使用している場合

TypeError: map is undefined

どうしましたか？

注：：先週ドメインを変更します。

は、理由はあなたが図書館でGoogleマップのAPIキーを追加していないされて

<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()); 
    } 
    }); 

}

出典

2017-05-30 takachou

あなたは、ドメインを変更した場合、それが[アプリ]（https://console.developers.google.com/）キーが関連付けられている場合に更新しました。 –

@ Deep3015古いドメインが2016年より前であったので、今日はキーを追加したので、キーは正しいドメインを指しています。 – takachou

問題を示す[mcve]を入力してください。投稿されたコードでエラーが報告されることはありません（ 'load1'関数は呼び出されないので、マップはありません）。投稿されたコードには構文エラー（ '<'）がありませんが、別のエラーが発生します（ 'Uncaught TypeError：プロパティ 'firstChild' of nullを読み取れません）。 – geocodezip

、ありがとうございました。ライブラリ内のキーワード「myKey」で検索できます。

Hereキー

ゲットGoogleのAPIが提供されたキーグーグルで "MYKEY" を交換してください。
もう一度お試しください。

このコードをお試しください。

<!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>

出典

2017-05-30 09:05:56

** OPが実際のキーを開示したくないので、myKey **が書かれています –

私のソリューションを試してみてください。 –

あなたの答えの上の最後のコメントを見て、OPはすでに今日の鍵を生成しました –

TypeError：map is undefined GoogleマップAPIを使用している場合

答えて

関連する問題