タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

web_map_serviceとjavascriptに関するnilabのブックマーク (2)

  • スクロール地図を作ろう - Java Ajaxライブラリ Ajax Baron(エイジャックス バロン)

    この連載について † この連載では、マウスでグリグリ動かす日地図を”無”から作成します。 デモはこちら スクロール地図自体はAjaxは必要無しですが、現在表示されている地図に関する情報を引き出すときにはやはりAjax技術は役立ちます。*1 すでに高品質の地図がたくさんありますが、Ajaxに取り組む者の”嗜み”として作っておきます。 この研究はよくあるマッシュアップじゃないです。ゼロからスクロール地図を作るんです。 地図画像上をマウスでグリグリとスクロールしてみてください。 地名データはスクロールに応じてAjaxで非同期に取得して表示しています。 ↓作りかけのAjaxスクロールマップ↓ マウスでスクロールできます!地名で検索もできます。 Please see here by browsers dealing with iframe tag. Go to http://demo

    nilab
    nilab 2011/08/25
    スクロール地図を作ろう - Java Ajaxライブラリ Ajax Baron(エイジャックス バロン) : 「地名データはスクロールに応じてAjaxで非同期に取得して表示」
  • 郵便番号マップ作成記 (3) - 経度緯度から動的に郵便番号を描画する - てっく煮ブログ

    前回 まででデータを表示するためのデータ収集は完了した。いよいよデータを表示する集大成だ。JSON をちょっとだけ修正前回の最後に出力した JSON はこんな感じのデータだった。 [{"lat" : 43.0577485, "lng" : 141.3451574, "name" : "北海道札幌市中央区", "code" : "060"}, {"lat" : 43.1060624, "lng" : 141.3406195, "name" : "北海道札幌市北区", "code" : "001"}, {"lat" : 43.0944552, "lng" : 141.3766337, "name" : "北海道札幌市東区", "code" : "065"}, // (以下略) このままではデータを利用できないので、postal 変数に代入しておく。 postal = [{"lat" : 43.

    nilab
    nilab 2009/03/23
    郵便番号マップ作成記 (3) - 経度緯度から動的に郵便番号を描画する - てっく煮ブログ : 緯度経度に応じて絶対座標配置する:style.position = "absolute":地球(球体)->平面の投影はせずに緯度経度の値をそのまま平面座標として描画
  • 1