質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Google マップ

Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

Q&A

0回答

275閲覧

Google Maps APIのマーカーをページごとに表示を変えたい

rice_cake_1993

総合スコア1

Google マップ

Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

0グッド

0クリップ

投稿2022/09/08 05:49

編集2022/09/08 05:54

実現したいこと

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種類ある状態です。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問