実現したいこと
1つのGoogle Maps APIでページごとに表示させるマーカーを変更することは可能なのでしょうか。
全4ページあり、それぞれに異なるGoogle Maps APIのjsを導入しています。
作業の手間や記載漏れも考慮してどうにか1つのjsのみで作業できないかと思っています。
・ALL.html(カテゴリ1〜3すべて表示)★これを編集したらカテゴリ1〜3も変更される
・カテゴリ1.html(カテゴリ1のみ表示)
・カテゴリ2.html(カテゴリ2のみ表示)
・カテゴリ3.html(カテゴリ3のみ表示)
お知恵を拝借できれば幸いです。どうぞ宜しくお願いします。
該当のソースコード
var map, marker, infowindow; /* ページ読み込み時に地図を初期化 */ $(function(){ initialize(); }); /* 地図の初期化 */ function initialize() { /* 地図のオプション設定 */ var myOptions={ zoom: 7,/*初期のズーム レベル */ center: new google.maps.LatLng(00.000000, 000.000000),/* 地図の中心点 */ mapTypeId: google.maps.MapTypeId.ROADMAP/* 地図タイプ */ }; map=new google.maps.Map(document.getElementById("map_canvas"), myOptions);/* 地図オブジェクト */ /* 情報ウィンドウ表示 */ function showInfoWindow(obj){ /* 既に開かれていたら閉じる */ if(infowindow) infowindow.close(); infowindow=new google.maps.InfoWindow({ /* クリックしたマーカーのタイトルと緯度・経度を情報ウィンドウに表示 */ content:obj.getTitle() }); infowindow.open(map,obj); } var map0201=new google.maps.LatLng(00.000000, 000.000000); var marker0201=new google.maps.Marker({ position: map0201, map: map, icon: 'icon/map0201.png', title:"<a href='#02w001'>タイトル</a>" }); gmarkers0201 = marker0201; /* マーカーがクリックされた時 */ google.maps.event.addListener(marker0201, 'click', function() { showInfoWindow(this); }); 〜略〜 var map0208=new google.maps.LatLng(00.000000, 000.000000); var marker0208=new google.maps.Marker({ position: map0208, map: map, icon: 'icon/map0208.png', title:"<a href='#02w008'>タイトル</a>" }); gmarkers0201 = marker0201; /* マーカーがクリックされた時 */ google.maps.event.addListener(marker0208, 'click', function() { showInfoWindow(this); }); } /*リンククリック吹き出し処理*/ function map_click0201() {google.maps.event.trigger(gmarkers0201, "click");} 〜略〜 function map_click0208() {google.maps.event.trigger(gmarkers0208, "click");}
補足情報(FW/ツールのバージョンなど)
該当のソースコードのようなjsが4種類ある状態です。
あなたの回答
tips
プレビュー