ユーザーが画像をクリックしたときにライトボックスに Google マップを表示する方法を知りたいです。
例えば：-
<img src="map_icon.png" alt="hover over image to show corresponding map" onclick="run_map_function();" />
これを行う方法を本当に知りたいです。どんな助けでも大歓迎です！ありがとうございました。
質問する
1270 次
2 に答える
0
マップはインタラクティブである必要がありますか? そうでない場合は、静的マップ API の使用を検討する必要があります。
https://developers.google.com/maps/documentation/staticmaps/
基本的に、次のように静的マップ API を使用して、表示する場所の画像を生成できます: http://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York, NY&zoom=14&size=512x512&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Ccolor:red%7Clabel: C%7C40.718217,-73.998284&センサー=false
インタラクティブな地図が必要な場合は、iFrame を使用することをお勧めします (これは、地図用に別のページを作成することを意味します)。ライトボックスから iframe を簡単に表示できるはずです。
于 2012-04-27T21:45:59.833 に答える
0
ライトボックス プラグインを使用できるかどうかはよくわかりませんが、代わりに JqueryUi ダイアログを試してみてください。使いやすく、数秒で設定できます。私のフィドルを見てください http://jsfiddle.net/theodore/trnZS/49 /
于 2012-04-27T17:35:19.663 に答える