草庐IT

javascript - 来自 DivPixelToLatLng 的 Google Maps API V3 不一致

coder 2025-03-28 原文

我需要在 map 的 div 内的固定像素位置放置一个标记。要实例化标记，您需要一个 LatLng。我知道 fromDivPixelToLatLng() 是从像素坐标转换为 LatLng 的方法，但我无法使其行为一致。

我已经在 http://www.pinksy.co.uk/newsquare/overlaytest.html 发布了我的问题的一个简单示例.单击 map 以在 200px/200px 处放置一个标记。拖动 map 并再次单击。我希望每次都在 200px/200px 处放置一个标记，但事实并非如此。

首先，我像往常一样在 600 像素 x 300 像素的 div 中设置 map :

var london = new google.maps.LatLng(51.501904,-0.130463);
var mapOptions = {
    zoom: 15,
    center: london,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

然后我创建一个叠加层:

var overlay = new google.maps.OverlayView();
overlay.draw = function() {};
overlay.setMap(map);

为了测试 fromDivPixelToLatLng()，我在 map 上创建了一个点击事件，它试图在像素位置 200px/200px 处放置一个标记。无论您将 map 拖到哪里，我都希望标记始终放置在 200px/200px 处:

google.maps.event.addListener(map, 'click', function(event) {

    var pixelLatLng = overlay.getProjection().fromDivPixelToLatLng(new google.maps.Point(200,200));

    var marker = new google.maps.Marker({
        position: pixelLatLng,
        map: map
    });
});

但是，拖动 map ，您会发现标记并不总是位于 200px/200px。有什么想法吗？

谢谢!

最佳答案

经过实验，我发现 fromContainerPixelToLatLng() 正是我要找的。为了其他人的利益，我在 http://www.pinksy.co.uk/newsquare/overlaytest2.html 上发布了一个示例。 .

(郑重声明，我仍然不确定为什么 fromDivPixelToLatLng 的行为方式如此，但没关系!)

关于javascript - 来自 DivPixelToLatLng 的 Google Maps API V3 不一致，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7938096/

DivPixelToLatLngjavascriptsectionmap200google-mapsgoogle-maps-api-3mapsgoogle-maps-markers

有关javascript - 来自 DivPixelToLatLng 的 Google Maps API V3 不一致的更多相关文章

  1. ruby - Ruby gsub 替换中的行为不一致？ - 2

    两个gsub产生不同的结果。谁能解释一下为什么？代码也可在https://gist.github.com/franklsf95/6c0f8938f28706b5644d获得.ver=9999str="\tCFBundleDevelopmentRegion\n\ten\n\tCFBundleVersion\n\t0.1.190\n\tAppID\n\t000000000000000"putsstr.gsub/(CFBundleVersion\n\t.*\.).*()/,"#{$1}#{ver}#{$2}"puts'--------'putsstr.gsub/(CFBundleVersio

  2. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

    我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  3. ruby - 可以正常中断的来自 Rake 的长时间运行的 shell 命令？ - 2

    在几个项目中，我希望有一个类似rakeserver的rake任务，它将通过任何需要的方式开始为该应用程序提供服务。这是一个示例:task:serverdo%x{bundleexecrackup-p1234}end这行得通，但是当我准备停止它时，按Ctrl+c并没有正常关闭；它中断了Rake任务本身，它说rakeaborted!并给出堆栈跟踪。在某些情况下，我必须执行Ctrl+c两次。我可能可以用Signal.trap写一些东西来更优雅地中断它。有没有更简单的方法？ 最佳答案 trap('SIGINT'){puts"Yourmessa

  4. ruby - ruby 中的同一个程序如何接受来自用户的输入以及命令行参数 - 2

    我的ruby​​脚本从命令行参数获取某些输入。它检查是否缺少任何命令行参数，然后提示用户输入。但是我无法使用gets从用户那里获得输入。示例代码:test.rbname=""ARGV.eachdo|a|ifa.include?('-n')name=aputs"Argument:#{a}"endendifname==""puts"entername:"name=getsputsnameend运行脚本:rubytest.rbraghav-k错误结果:test.rb:6:in`gets':Nosuchfileordirectory-raghav-k(Errno::ENOENT)fromtes

  5. ruby-on-rails - Rails 3，在RAILS_ROOT上方显示来自本地文件系统的jpg图片 - 2

    我正在尝试找出一种方法来显示来自不在RAILS_ROOT下(在RedHat或Ubuntu环境中)的已安装文件系统的图像。我不想使用符号链接(symboliclink)，因为这个应用程序实际上是通过Tomcat部署的，而当我关闭Tomcat时，Tomcat会尝试跟随符号链接(symboliclink)并删除挂载中的所有图像。由于这些文件的数量和大小，将图像放在public/images下也不是一种选择。我查看了send_file，但它只会显示一张图片。我需要在一个格式良好的页面中显示6个请求的图像。由于膨胀，我宁愿不使用Base64编码，但我不知道如何将图像数据与呈现的页面一起传递下去。

  6. ruby - 在 Mechanize 中使用 JavaScript 单击链接 - 2

    我有这个:AccountSummary我想单击该链接，但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan

  7. ruby-on-rails - Ruby Integer()、Array() 等——它们是什么？他们来自哪里？ - 2

    我有时遇到过Array(value)、String(value)和Integer(value)形式的转换。在我看来，这些只是调用相应的value.to_a、value.to_s或value.to_i方法的语法糖。所以我想知道:这些是在哪里/如何定义的？我在对象、模块、类等中找不到它们是否有任何常见场景更适合使用这些而不是相应/底层的to_X方法？这些可以用于泛型强制转换吗？也就是说，我可以按照[Integer,String,Array].each{|klass|klass.do_generic_coercion(foo)}?(...不，我真的不想那样做；我知道我想要的类型，但我希望避免

  8. ruby-on-rails - 来自 GET/POST 的 Rails 参数 - 2

    我是Rails的新手，正在编写一个登录表单。我使用form_tag将用户的提交传递给帐户Controller。现在，我不希望用户能够通过GET请求输入他们的登录详细信息，那么我如何检查某个参数是GET还是POST参数？提前致谢 最佳答案 在Rails中，您没有特定的POST或GET参数。您确实有一个POST或GET请求。你可以在你的Controller中这样检查它:request.post?或者您可以检查其他HTTP动词:GET、PUT和DELETE:request.get?request.put?request.delete?有关

  9. javascript - jQuery 的 jquery-1.10.2.min.map 正在触发 404(未找到) - 2

    我看到有关未找到文件min.map的错误消息:GETjQuery'sjquery-1.10.2.min.mapistriggeringa404(NotFound)截图这是从哪里来的？ 最佳答案 如果ChromeDevTools报告.map文件的404(可能是jquery-1.10.2.min.map、jquery.min.map或jquery-2.0.3.min.map，但任何事情都可能发生)首先要知道的是，这仅在使用DevTools时才会请求。您的用户不会遇到此404。现在您可以修复此问题或禁用sourcemap功能。修复:获取文

  10. ruby - Mongoid 3 中 Rails 模型的强一致性 - 2

    我希望特定模型的所有数据库交互都通过集群中的mongo主节点，因此我将模型设置为使用强一致性。classPhotoincludeMongoid::Documentwithconsistency::strongfield:number,type:Integer#let'ssayaphotonumberisuniqueinthedbvalidate:unique_numberend但这似乎不起作用，因为当我保存两张非常靠近的照片时，我仍然遇到验证错误。photo1#dbhasnumber=1forthisobjectphoto1.update_attributes(number:2)pho

随机推荐