我一直在看RaphaelJS，D3和其他“映射”工具（jvectormap等），但我找不到任何一个世界 Map 的例子，它会在鼠标点击时放大到一个国家 . 我想最初看一张世界 Map 然后，当你点击一个国家时，它会放大并显示该国家（世界没有显示，你可以随时缩小到世界） . 这是一个糟糕的例子：
你能指点一个例子，最好是D3，protovis，Raphael或其他流行的SVG / CANVAS类型库 . 我将为这些 Map 添加大量数据点（基于地理坐标） .
我需要的最接近的例子是http://theartofasking.com上的d3 Map ，但我正在寻找更多的例子 .
4 回答
查看D3.js World Map that Zooms into each Country on Click下的两个示例 . 您应该能够扩展它并构建您需要的东西 .
我刚才用SVG和jQuery构建了类似的东西 . 我正在设置整个 Map 的宽度和高度，并移动它的位置来伪造缩放的效果 . 它完成了这项工作，适用于所有浏览器，并且不依赖于学习新的库 .
https://igr-inc.com/iGR_Global_Statistics_Services/
此示例放大各大洲，但您可以尽可能详细地了解详细信息 . 看看来源，希望它是非常自我解释，但如果你有和查询请喊 .
您可以看到另一个放大/缩小的JavaScript Map 示例
http://www.fla-shop.com/products/html5/world/zoom-world-map/
它使用RaphaelJS .
这张 Map 可以用d3做你想要的，放大到每个国家，并将每个国家分成一级管理区（县/州等） . 对于拥有巨大国家的美国来说，它进一步提升了一个水平，并将每个州分为几个县 .
https://github.com/crittercism/critter-world-map