- ベストアンサー
Google Mapをカスタマイズする方法
- Google Mapをiframeで表示させ、Google Map APIを使用して地図をカスタマイズする方法について教えてください。
- マップ上にマーカーを表示するためのコードを試しましたが、マーカーが表示されませんでした。関数の記述場所や他の必要な関数について、アドバイスをいただけないでしょうか。
- Google Map APIやhtmlのコーディングには初心者です。アドバイスをいただけると幸いです。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
GoogleMapAPIの使い方が間違っていると思います。 GoogleMapAPI(Ver2)では、貼り付け埋め込みしたGoogleMapを操作する事は出来ません。 GoogleMapAPIはAPIのスクリプトを読み込んだHTMLファイルの中に、MAPのコンテナーと なる<div id="map"><div>要素を配置し、 var map = new GMap2(document.getElementById("map")); map.setCenter(new GLatLng(34.685567, 135.527467), 12); とかして、javascriptでmapオブジェクトを操作する物です。 マーカーオブジェクトやマップイベントも同様です。 100歩譲って、iframeに読み込む別HTML内の<div>要素をMAPのコンテナーとする 事も↓のように指定すれば可能ですが（何のメリットもないです） var content=iframe.contentDocument||iframe.contentWindow.document; var map = new GMap2(content.getElementById("map")); 親からは、mapの基本操作しかできません。 マーカーオブジェクトやマーカーイベントの操作は苦労してオブジェクトを ラップして操作する必要があり、私には超困難でした。 よって、すなおに同じページ内にMAPコンテナーをおいた方が良いです。 ※iframe内のHTMLにGoogleMapAPIをロードして、それを親のjavascript で操作するの技もありますが、思わぬところで不具合が出た思い出があります。 （詳細は忘れたけど）
その他の回答 (1)
情報が曖昧すぎで困るかな。 Google Maps APIプログラミング入門 [大型本] 勝又 雅史 (著) これを買うか。 http://make-view.appspot.com/index このサイトのソースコードを見るか。 http://d.hatena.ne.jp/jyouji1979/files/makeview.zip?d=y
お礼
Google Map APIに関する本はやはりあるのですね。 上記のサイトについては私にはあまりにも上級でしたので あきらめます。。。 教えていただきありがとうございました。
お礼
つたない質問内容でしたがくみとっていただきありがとうございました。 基本的な仕組みも理解せずあれこれ試していました。 丁寧に説明していただきよく理解することができました。