- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
因此,我使用默认的 d3.behavior.zoom() 和限制以防止 map 被完全拖出页面,从而获得了带有鼠标缩放功能的世界地图。开始工作很痛苦,但现在可以了。
我现在的问题是这个项目在界面中还需要无用的缩放 + 和 - 按钮,我找不到同时具有这两种缩放类型的示例。它要么只是鼠标缩放,要么只是通过按钮进行糟糕的缩放。
我试着简单地调用 zoom.scale(newScale);但它不更新任何东西。我似乎在正确的轨道上,因为在控制台中你可以看到比例已更新但它没有更新,当我用鼠标缩放时它突然跳到使用按钮定义的比例。但似乎我还需要更新翻译,我不确定如何获得 map 的中心并计算缩放到那里所需的翻译。
我还需要知道如何在调用 zoom.scale(newScale) 后更新投影;如果这是这样做的方式。
我制作了一个带有缩放按钮的简化演示,现在显然无法正常工作。 http://bl.ocks.org/jfmmm/f5c62bc056e557b80447
谢谢!
编辑:现在如此接近,它缩放到 map 的中心,因为我使用与计算屏幕中间相同的计算,但使用了新的比例。问题是我希望它放大屏幕中间的对象,而不是总是 map 中间的国家/地区。
function zoomBtn(action) {
var currentZoom = zoom.scale();
if( action == 'in' ){
if(currentZoom < options.maxZoomLevel){
var newScale = Math.floor(currentZoom) + 1;
var b = path.bounds(mapFeatures);
var t = [(width - newScale * (b[1][0] + b[0][0])) / 2, (height - newScale * (b[1][1] + b[0][1])) / 2];
zoom.scale(newScale)
.translate(t)
.event(svg);
}
}else{
if(currentZoom > options.minZoomLevel){
var newScale = Math.floor(currentZoom) - 1;
var b = path.bounds(mapFeatures);
var t = [(width - newScale * (b[1][0] + b[0][0])) / 2, (height - newScale * (b[1][1] + b[0][1])) / 2];
zoom.scale(newScale)
.translate(t)
.event(svg);
}
}
}
我会在一分钟内更新我的示例。
最佳答案
放大到屏幕中心的数学运算,而不是朝向左上角或 0lat/0lon,要获得正确的结果相当棘手。我是从 Wil Linssen's example 复制的并将其移植到 Mike Bostock 的 Map Pan & Zoom I 上.重要的是,该示例使用 SVG 转换来重新渲染 map ,而不是不断地重新计算投影。您可能希望按钮以几种方式工作:
Zoom Buttons I - 按下按钮会导致转换到新 View 。按住按钮不会重新开始转换。
Zoom Buttons II - 按住按钮会导致新 View 每 40 毫秒立即更新一次。这会导致不愉快的跳转,尤其是在重复单击按钮时。
Zoom Buttons III - 持续 100 毫秒的链式过渡,直到不再按住按钮或满足 scaleExtent。控制逻辑可防止任何不需要的即时摇摄。这是要使用的。
再次强调,获得正确的细节很棘手,这就是我提供完整示例的原因。但令人满意的是,核心逻辑确实有道理。您正在对一个向量进行归零、拉伸(stretch)和取消归零:
x = (x - center[0]) * factor + center[0];
y = (y - center[1]) * factor + center[1];
关于javascript - D3.js - 如何添加具有默认滚轮鼠标缩放行为的缩放按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25333309/
我收到此错误消息: .rvm/gems/ruby-2.5.1/bin/ruby_executable_hooks:24:in `' 我重新安装了 Ruby rvm reinstall ruby-2.5
我开始从事 WPF Ribbon 开发,非常好! 我的问题是找到(免费)基本图标(如文件保存/打开/等,剪切/粘贴/等)。 你有什么建议吗? 最佳答案 你看过Visual Studio Icon Li
我只找到经典的声音ID,但我需要Chord(默认)日历警报。如何播放声音? ks #define systemSoundID 1315 AudioServicesPlaySystemSound (s
在 Magento 中创建货件时,有一个复选框可让您“通过电子邮件发送货件副本”。 默认情况下未选中。有谁知道我需要编辑哪个文件才能默认设置为“选中”? 最佳答案 这是一个app/design/adm
我有一个简单的 IValueConverter,它只使用 TypeConverter 进行转换。但是,在某些情况下,提供的 TypeConverter 会失败。 如果转换器未提供 Binding,我想
我正在阅读教程,默认 Activity 是一个扩展另一个类的类,它所拥有的只是一个覆盖方法。应用程序如何工作,因为它不做任何其他事情?我很困惑! 最佳答案 父类 Activity 为您处理一切。 关于
我刚刚开始研究游戏框架。我正在尝试构建 rest api,并将 postgresql 用于我的数据库连接。这是我第一次同时使用 play 和 postgre。我在 build.sbt 中建立了一个数据
是否可以创建具有以下属性的 python 对象: class Foo: def __default_method__(x): return x f = Foo() f(10) > 10
我是 jQuery 的新手,遇到了一个烦人的问题。我有一些登录字段,当该字段为空时会填充默认文本,然后在单击时删除。 我的问题是,当用户保存了他们的用户名/密码(使用浏览器)时,如果他们返回页面,登录
考虑这个代码片段: void Foo(std::string str1, std::string str2) {} template void Bar() { Foo(Types{}...);
我正在编写一个简单的 C 程序,我应该用缓冲区溢出来攻击它。所以,我不想在编译时使用任何标志。如何消除使用的默认标志? # readelf -p .GCC.command.line stack Str
考虑这个代码片段: void Foo(std::string str1, std::string str2) {} template void Bar() { Foo(Types{}...);
我有以下代码[这是一道面试题]: #include #include using namespace std; class A{ public: A(){ cout co
我想在 Autofac 中为每个匹配的生命周期范围注册创建一个实例,但偶尔需要从全局容器(没有匹配的生命周期范围)请求一个实例。在不存在匹配生命周期范围的情况下,我想给出一个顶级实例而不是抛出异常。
我正在做一个收集单词共现的修改版本,所以我编写了自己的 javascript,我正在跟踪三个对象中的出现。但是,一旦对象变大(约 800 万、300 万和 172000),每 100000 个句子需要
我正在使用 pykalman 模块中的 KalmanFilter,我想知道它如何处理缺失的观察结果。根据文档: In real world systems, it is common to have
我有一个应用了 RenderTransform 的 Canvas ,如下所示: 谁能告诉我这些值是什么意思?我似乎无法找到用于解析这些值的转换器。 最佳答案 如 RenderTransform是 T
我是 Linux 的新手,现在使用 CentOS 6。我在这里使用 MySQL 工作台,每当我尝试添加新连接时,它都会询问我默认的 key 环密码。我真的不知道,这个密码是从哪里设置的,我之前没有设置
我在 Ubuntu 18.04 上工作。我没有定义 GL_GLEXT_PROTOTYPES .我使用 glXGetProcAddress 加载“核心”OpenGL 函数.我的申请链接到 /usr/li
我按照文档中的示例添加了对使用 asio 加载 HTTPS 站点的支持,这意味着我调用 ctx.set_default_verify_paths();使用系统默认路径来查找证书。 然而,我得到:una
我是一名优秀的程序员,十分优秀!