OpenStreatMapで質問です。

現在OSM SlippyMap Generatorを利用して地図を表示させてみたのですが、この中へ半透明の円を追加したいと考えています。
どの様に記載したらよろしいでしょうか?

回答の条件
  • 1人2回まで
  • 13歳以上
  • 登録:2010/04/21 16:59:52
  • 終了:2010/04/28 17:00:02

回答(0件)

回答はまだありません

  • id:halohalolin
    OSM SlippyMap Generatorについての詳細は下記のリンクをご参照ください。
    http://osmtools.de/easymap/

    なお、多角形の図形は、
    geometries = new Array();geometries.push(drawLine([[5.8469238282509,50.012993106195],[6.1105957032403,46.955842939038],[12.218994140496,46.850756076672],[11.779541015514,49.758161834703],[5.9128417969983,49.998871097919]],{strokeColor:"#0000FF",strokeWidth: 3,fillColor: "#0000FF",fillOpacity: 0.4}));
    といった記述で実装出来そうです。
    そこで、どうしてもわからなければ画数の多い多角形=円で対応するしかないのかな(でもできれば避けたい)と考えています。

    よろしくお願いいたします。
  • id:halohalolin
    ***質問内容に制限を加えます***

    お手数ですが、ブラウザはIE6・7・8という条件をさせていただきます。
    よろしくお願いいたします。
  • id:Cherenkov
    JOSM - OpenStreetMap Wiki http://wiki.openstreetmap.org/wiki/Ja:JOSM
    Merkaartor - OpenStreetMap Wiki http://wiki.openstreetmap.org/wiki/Ja:Merkaartor
    Easymap - Create your own simple OSM-Map http://osmtools.de/easymap/index.php?lang=ja&page=editor
    をザックリと試してみました。
    結論から言うと多角形で円を表現するしかなさそうです。しかしこれはエディタの実装でカバーできます。
    ・JOSMはノードを3つ配置した後にメニュー - ツールから円形を作成することができました。
    ・Merkaartorは多角形の辺の数を多めに指定することで擬似的な円を描画できます。
    ・Easymapは名前の通り簡易的なので緑、青のプラスマークを駆使して多角形で擬似的な円しか作れません。


    エディタ一覧(http://wiki.openstreetmap.org/wiki/Ja:Develop)
  • id:halohalolin
    Cherenkov さんありがとうございます。

    現在VB.NET→IEコンポーネント→OpenStreetMapで連携させているので(質問内容に制限を加えたのはその為です)
    JOSMとの連携は難しそうですし、Merkaartorは残念ながら扱えないですね。
    となると、やはりご指摘の通り多角形ですか。

    参考にさせていただきます。
  • id:HALSPECIAL
    HALSPECIAL 2010/04/22 13:01:22
    ちょっとインチキですが、
    透過GIFを使うとかw
    あとはIE限定であれば、DHTMLのダイレクトアニメーションというので円が描けます。
    DrawSurface.oval
    とか、そんなのです。
    ただし、レガシー過ぎて今日のIEバージョンでは動作しないかもしれません。
    または、JavaScripの円を描くライブラリを組み込むとか。
  • id:halohalolin
    HAL_SPECIALさんありがとうございます。
    透過GIFはありかもしれません。
    OSM SlippyMap Generatorのデフォルトでは、何種類かから立てるピンを選べますが、
    これをVBで作成したGIFに置き換えるということですよね?

    DrawSurface.ovalや、JavaScriptの円を書くという手法については
    OpenStreetMapをスクロールさせたときに、どうやって自分の側も連動して動くようにするかが問題ですね。
  • id:halohalolin
    結局のところ下記のページを参考に、正36角形をutil.js内のdrawPolygon関数を利用して
    fillOpacity: 0.1で描画したものを円の代用品として対応しました。

    Google MAPS APIで円を描きたい
    http://www.nanchatte.com/map/circle.html

    コメントでアドバイスをくださった方、ありがとうございました。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません