0 レビュー
1 回答
php-「このページにGoogleMapsAPIを複数回含めました」エラー
このトピックが現在直面している問題の解決策を提案しているのを見ましたが、最近phpシステムの一部であるコードを使用しているため、実装方法がわかりません。購入しましたが、コードを変更する方法がわかりません
これが現時点での私のコードでの実行方法です
array('file' => '', 'path' => 'https://maps.google.com/maps/api/js?'.$api_key_str.'sensor=false&language=' . $this->option_arr['o_map_language'])
ページ内でGoogleマップを複数回実行できるようにするには、コードをどのように適用すればよいですか？
ありがとう！
わからない
0
レビュー
答え :
解決策：
マップを複数回実装しようとしていて、MapsJavascriptAPIスクリプトタグを呼び出しているようです。 Maps Javascript APIスクリプトタグは1回だけ呼び出す必要があり、次のように複数のマップのインスタンス化を宣言することで、サイトに複数のマップを追加できることに注意してください。
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
ここにもサンプルがあります：
var map;
var map1;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
map1 = new google.maps.Map(document.getElementById('map-1'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
} /* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
height: 45%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map-1 {
height: 45%;
} <h3>
Map #1
</h3>
<div id="map"></div>
<h3>
Map #2
</h3>
<div id="map-1"></div>
<!-- Replace the value of the key parameter with your own API key. -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAj0aaMu_aY6xiDSWH0ac_4pqN_l-opwmI&callback=initMap" async defer></script>
わからない
同様の質問
私たちのウェブサイトで同様の質問で答えを見つけてください。