Yahoo!地図APIを使った地図サービスと、Google Maps API地図サービスを両方使いつつ、表示する地図をselectフォームで切り替える方法がサンプルコードと共に解説されており、 サンプルコードは其のままの転載で当ブログ上でも問題無く、 プルダウンメニューから選択した側に表示を切り替えられましたので、 興味のおありの方はご参照あられたく存知ます。
実際に当ブログにも利用させていただきましたのが以下のマップになります。
スポンサーリンク
ヤフー地図に於いては特に変更を施さない許りか、 ID迄置換え指定の無意味テキスト配列の儘ですが、 問題無くデフォルトのヤフー株式会社本社の存する 「東京都港区六本木6-10-1六本木ヒルズ森タワー」 を中心として表示される様です。
グーグルマップについては当ブログでは2008年7月24日アーティクル GoogleMapのブログに於ける利用法 以来の利用にて、此の時もバージョンは2なるものの、 経度、緯度の受け渡しが少々異なれば、 jQuery を扱う際には大いに参照させていただくAllAboutは高橋登史朗氏の連載の今回は2006年8月24日の記事 Google Maps v2を設置する(1) 抔拝見しつつ、 デフォルトの地図の中心を遠州は出世城として名高い浜松城にしてみました。
又、スライダーに依る拡大縮小機能が無きは不便な為、 氏に依る Google Maps API Version 2 Documentation の邦訳 Version 2 Class Reference (意訳とサンプル) 内の class GControl を参考に追加しています。
また、折角氏の記事を参照させていただきました序でと申しては何ですが、 Google Maps v2を設置する(3) も拝見しつつ、浜松城にドラッガブルマーカーを配して見ましたので、 お摘みの上、任意の箇所まで持ち運び放擲下されば、 落とされたマーカーは可愛らしく弾んで見せたり致します。