2008年8月21日のブックマーク (1件)

  • ポリゴンを使った円の描画 - ポリゴン(GPolygon) - Google Maps JavaScript API入門

    ポリゴンを使って円を描いてみます。円を描画する方法はないので多角形を利用した擬似的な円を作成します。地図上のクリックされた地点を中心としてピクセル単位で指定した半径の円を地図上に描画を行うようにします。 まず円の中心の座標で指定した地点をコンテナ内でのピクセル値に変換します。GMap2クラスで用意されているfromLatLngToContainerPixelメソッドを使います。 var point = map.fromLatLngToContainerPixel(latlng); このメソッドはGPointクラスのオブジェクトとして値を返します。左上隅を原点とした時に三角形の中心点のx座標の値とy座標の値は次のように取得できます。 var point = map.fromLatLngToContainerPixel(latlng); var x = point.x; var y = poi

    kehi3
    kehi3 2008/08/21