地図に円を描く Web Services by Yahoo! JAPAN

(Yahoo! JavaScriptマップ API版)
操作
半径
塗り/文字
円の色
メモ


使い方

  • pen描画モード
    • 地図上をクリックすると、マーカーが出現。
    • マーカーをクリックすると、
      • filled unfilledその地点を中心とした円を指定した色と半径と塗りで描画。
      • その地点に文字を表示。(若干ずれてる…)
  • eraser消去モード
    • クリックすると、マーカーや円を消去。
  • 「URL取得」で、表示されるURLで直リンできます。「Go!」で新しいウィンドウで開きます。

注意・既知の問題・その他

  • ラベル(地図上の吹き出し)の位置がおかしいです。吹き出しの先ではなく、左上にアンカーがある感じ。
  • Androidでは描いた円を削除できません。Yahoo! JavaScriptマップAPIの制限事項により、AndroidではY.Circleのクリックイベントを受け取れないためです。
  • 地名検索は「Yahoo!ジオコーダAPI」、施設・店舗名の検索は「Yahoo!ローカルサーチAPI」を利用しています。どちらも若干地図とずれることがあるようです…。
  • KMLについて
    • google maps api版に引き続き、KMLデータによる出力に対応してみました。表示される内容を保存してGoogle マップの マイマップにインポートしてみたりどうぞ。出力されるのは、円とマーカーでラベルは対象外です。
    • 円は、多角形で近似した「なんちゃって円」です。描画についての技術的な話は、Google Maps API V2時代の地図に円を描くをご覧ください。マーカーの色や形の情報は保存されません。
  • 福島第一原発から半径20kmと30kmhttps://nanchatte.com/x/V5hz3a