【重要】サービス終了のお知らせ

Works

googlemapに自作マーカーをOverLayを使って表示

■マーカーをOverLayを使って表示 step1 : マップオブジェクトの生成 step2 : 表示座標の取得 step3 : マーカーオブジェクトの生成 setp4 : 座標をマーカーオブジェクトにセット step5 : マーカーオブジェクトをマップにセット ■マーカーオブジェクトについて step1 : マーカーのプロトタイプを作成 →初期化の実装(マーカー要素を追加) step2 : マーカー座標のセッター →マーカー座標をオブジェクトにセット step3 : マーカーのopen(openメソッド) →マーカーオブジェクトをマップにセット step4 : マーカーのonAdd(onAddメソッド) →setMapされると最初に実行される。 →マーカー表示用レイヤーを作成し、マーカー要素を追加 step5 : マーカーのdraw (drawメソッド) →onAdd終了後に実行される →マーカー座標をピクセルに変換し、スタイル要素に追加

  • 2890
  • 0

つぶつぶの増殖

中心から徐々に範囲を拡大し、その範囲内でつぶつぶをランダムに増加させています。 クリックすると増加がストップし、現在までのつぶつぶの数がキャンバス下部に表示されます。もう一度クリックすると増加が再スタートします。 canvasのテストです。

  • 2972
  • 1

googlemapでmap矩形内にマーカーをOverlay表示(dragend編)

ポイント ・表示されるmap矩形をMapBlockオブジェクトとして生成 ・MapBlockオブジェクト内に表示するマーカーをオブジェクトを保持 ・dragendイベント時に新規MapBlockを生成し、旧MapBlock内のマーカーを削除 その他:前回と同様

  • 3256
  • 1

Skills

Hot tags

Categories

HTML / CSS / JavaScript