2017-06-28 29 views
-4

私はwindow.open(javascript)によって別のアプリケーションからgooglemapsでHTMLを呼び出します。 htmlページが開きますが、動作しません(何らかのアクションが失敗します)、私はマップを見ることができます。私はCTRL + F5の作業をした後、最初の呼び出しでこれが動作する必要があります...誰かが私を助けることができますか?GoogleマップはInternet Explorer 11では動作しません

HTML:

<html> 
    <body> 

    <h1>Prisma3 x Google Maps</h1> 

    <div id="googleMap" style="width:100%;height:400px;"></div> 

    <script> 

    function myMap() { 

    var map = new google.maps.Map(document.getElementById('googleMap'), { 
     zoom: 3, 
     center: {lat: 0, lng: -180}, 
     mapTypeId: 'terrain' 
    }); 

    var flightPlanCoordinates = [ 
     {lat: 37.772, lng: -122.214}, 
     {lat: 21.291, lng: -157.821}, 
     {lat: -18.142, lng: 178.431}, 
     {lat: -27.467, lng: 153.027} 
    ]; 

    var flightPath = new google.maps.Polyline({ 
     path: flightPlanCoordinates, 
     geodesic: true, 
     strokeColor: '#FF0000', 
     strokeOpacity: 1.0, 
     strokeWeight: 2 
    }); 

    flightPath.setMap(map); 
} 

    </script> 
    <script src="https://maps.googleapis.com/maps/api/js? 
    key=AIzaSyC7vePTtjVs90u3kKlOMYP-UtyISm9F56M&callback=myMap"></script> 
    </body> 
    </html> 
+1

Googleマップで何かが失敗すると、通常はコンソールにエラーメッセージが表示されます。あなたはそれを確認しましたか? –

+0

また、ドキュメントにアクセスして、サポートされているブラウザを慎重にチェックします。 – vsync

+0

最初のロード時にIE11にポストされたコードの地図が表示されます(ただし、ポリラインは表示されません)。問題を示す[mcve]を入力してください。 – geocodezip

答えて

0

私は自分自身とあなたの鍵を交換したし、(下部にJavaScriptを使用して)あなたのコードはFirefoxとInternet Explorerの両方で動作します。

私は最近、同様の問題を抱えていたし、下の私の解決策だった:

1.0は、あなたがすでにログインしているGmailにAsuming、あなたがAPIマネージャで

3.0を着陸する予定 https://console.developers.google.com

2.0をご覧ください。 Google Maps APIの下でGoogle Maps JavaScript APIを選択

4.0 Google Maps JavaScript APIでは、上部にリンクENABLE

という名前のリンクがあります

5.0これをクリックすると、APIが有効または有効になります。

希望します。

+0

私はあなたのコードを私のホストでテストしたことを追加したいと思います。私の鍵は私のドメイン名に限定されているので。 –

+0

My JS APIが有効になっています! :/しかし、助けのためにthx! –

+0

Aaah申し訳ありません。もう1つのことがありましたが、このチュートリアルのhttps://churchthemes.com/page-didnt-load-google-maps-correctly/に記載されています。これは、あなたのキーをあなたのサイトに制限した場合に役立ちます。ドメイン名。しかし、すべてのさまざまなエラーがそこに記述されているので、まだそれを通過します。 –

関連する問題