人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

OpenstreetMapで静的、動的に線を引くには?

また、その方法について具体的にスクリプトやURLのパラメータが書いてあるサイトがあれば教えて下さい。

1.(静的、動的両方)ある座標からある座標に線を結ぶ。またそれぞれの座標に吹き出しをつけて文字(都市名)を表示させる
→静的な場合、キャッシュしてもいいか?

2.1を連続して1枚の画像の中に100箇所以上線をつなぐ。
→ズームを拡大率を変えて表示することができるか?

3.(動的)1で表示した吹き出しをクリックしたことを判定する。
→例えば、その都市に関するページを開くなどの処理を入れられるか。

1,2に関しては動的、静的共にGoogleMapでは作ったことはあります。
GoogleMapの無料での表示回数を超えそうであることから、OSMで実現できればと考えています。

どうぞよろしくお願いいたします。

●質問者: iiiiiiiii
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● mass3
●100ポイント

こんなでどうでしょうか?
http://goo.gl/XkUAgH

LeafletというJavascriptライブラリを使っています。
http://leafletjs.com/


GoogleMapでは作ったものを見せてもらえたらもっと近いものが作れるかも。


iiiiiiiiiさんのコメント
ありがとうございます! かなり理想に近いです! htmlのソースを拝見させていただいたところだいぶ触りやすそうでいいですね! 動的な表示はこれが理想です。ありがとうございます! ちなみに静的なマップでこのように線を引く、吹き出し(テキストのみでも)出す方法を知っていました教えていただければと思います。 http://wiki.openstreetmap.org/wiki/Static_map_images ここをみて、 http://staticmap.openstreetmap.de/wizard/ にたどり着いて、staticmap.phpのダウンロードまでしてphpのソースを見てみましたが、マーカーはつけられてもテキストをつけるようにはなっていないようでしたので、自分でその処理を書けば行けそうな気はしますが、既にあるサービスなどで見せていただきました動的な表示の用にテキストを表示できればと思います

mass3さんのコメント
既存のサービスで日本語の文字を書くことができるものは知りません。 staticmap.phpのページにも「please consider hosting a copy ourself.」とありますから、 ご自身で処理を書くのがよいのではないでしょうか?

iiiiiiiiiさんのコメント
ありがとうございます。とても詳しい方からそういったものが見当たらないことを教えてもらってとっても助かります!ありがとうございました!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ