場所が異なるページごとにGoogleマップを表示することはできますか？複数のページに異なる場所のGoogleマップを表示するにはどうすればよいですか？
archivo js.js
function initMap() {
var uluru = {lat: cordenax, lng: cordenay};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: uluru
});
var marker = new google.maps.Marker({
position: uluru,
map: map
});
}archivoインデックス：
ソリューションは、あなただけの2つの変数をあなたのページ内のjsスクリプトを作成し、作成する必要が簡単です.html
<body>
<h3>My Google Maps Demo</h3>
<div id="map"></div>
<script type="text/javascript">
var cordenax = -25.363;
var cordenay = 131.044;
</script>
<script src="js.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCd71PV2l5xNnRiVat4sKNV56CJcBhyS5E&callback=initMap">
</script>
</body>
2つの変数が座標を示し、私はあなたがdifferen idとdiffernt座標differntページにはいそのpossible.Tryこのコードを
私はマップを初期化する1つの関数を含めるために1つのサイトに1つのファイル.jsを使用します。とにかく重複を防ぐことはありますか？ –
この修正があります –
を理解している願っています。
<!DOCTYPE html>
<html>
<head>
<style>
#map {
height: 400px;
width: 100%;
}
</style>
</head>
<body>
<h3>My Google Maps Demo</h3>
<div id="map"></div>
<script>
function initMap() {
var uluru = {lat: -25.363, lng: 131.044};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: uluru
});
var marker = new google.maps.Marker({
position: uluru,
map: map
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>
</body>
</html>
はい。各ページの地図コードを初期化し、マップセンター/マーカーのさまざまな座標を変数として渡すだけです。各ページに同じマップコンテナIDが設定されていることを確認してください。 – sideroxylon
関連する質問：[gmaps apiのパラメータで関数initmapを呼び出す]（https://stackoverflow.com/questions/47104164/call-function-initmap-with-parameters-in-gmaps-api）（場所の座標を格納するHTMLで、一般的なjavascript関数でそれを解析してください） – geocodezip