Forked from: _shimizu's 【snippet】Google Map API 地図四隅の緯度経度取得 View Diff (96)

d3.js & Google Map API オーバーレイ

_shimizu

License: MIT License

Fork
1
Fav
2
View
6371
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 89 lines
  • HTML 6 lines
  • CSS 12 lines
d3.js
http://d3js.org/

SVGを使用しているため、IEはver9以上でないと動きません。

google map 上に、d3.jsでSVGを描画


問題点
mapの上にsvgを重ねると、イベントバブリングが抑止されてしまう。
svgタグの中にmap用のdivを入れ子にしてもダメだった。
map動かせない orz


d3.js & Google Map API オーバーレイ 2
http://jsdo.it/_shimizu/1TMy
↑こっちの方がちゃんとしてる。
  • d3.js & Google Map API オーバーレイ
  • d3.js & Google Map API オーバーレイ

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

_shimizu

Author

群馬県高崎市在住のエンジニア 。サーバ管理したり、自動組版のスクリプト組んだり、サイト作ったりして生きてます。データビジュアライゼーションとオープンデータにハマってます。Webデザイン & JS勉強中。   I luv javascript!

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by