- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 jQuery Google map v3 plugin ,我想添加带有 goMap 插件的 MarkerClusterer,但是我的目的是这样的:
$('#world-map').goMap(
{
markers: mapMarkers,
zoom: 2,
icon: 'http://localhost/eproj/white-marker.png',
streetViewControl: true,
});
$.goMap.ready(function()
{
var markers = [];
for (var i in $.goMap.markers)
{
var temp = $($.goMap.mapId).data($.goMap.markers[i]);
markers.push(temp);
}
var markerclusterer = new MarkerClusterer($.goMap.map, markers, clustererOpts);
});
查看 map 时(当前有 35 个标记),除了绘制所有标记外,我没有看到任何内容生效。在 Firebug 中,我没有看到记录任何错误,所以我不完全知道为什么这不适用于 goMap。
有人吗?甚至没有一个简单的解决方案?
编辑:我无法将其放在 jsFiddle 上,似乎在将 JS 资源添加到 jsFiddle 中时遇到了麻烦。
这是mapMarkers
变量:
[{"id":"9073a1977c8d5d6d7eb1666d03af4a66","address":"3 Essex St, Jersey City, Hudson, United States"},{"id":"f63f77a0b2d0986f1f0e94bde07ff8ef","address":"96 Vesey St, New York, New York, United States"},{"id":"57d5cb180425670f3e9c7b6e62fb88ac","address":"38 E Broadway, Manhattan, New York, United States"},{"id":"bb464b47ca54a23edc3dee4a5f4299ad","address":"322 Tait Ave, Sanger, California, United States"},{"id":"980f9d1e9e466d988f4851117a268e25","address":"1495 Morton Ave, Parsons, Kansas, United States"},{"id":"389888acd972d01783547837841d5294","address":"160 N Washington St, Clinton, Missouri, United States"}]
即使没有标记聚类器生效,在 map 缩放为 1 时,标记彼此非常接近。
最佳答案
[新编辑]
解决此问题的最简单方法是破解 jquery.gomap-1.3.2.js
源代码,如下所示:
在 init 函数中的 myOptions 变量上添加markerCreated 属性
之前
var myOptions = {
....
scrollwheel: opts.scrollwheel,
zoom: opts.zoom
};
之后
var myOptions = {
....
scrollwheel: opts.scrollwheel,
zoom: opts.zoom,
markerCreated: opts.markerCreated //patched here
};
在 createMarker 函数上更改和添加方法:
之前
createMarker: function(marker) {
....
options.position = marker.position ? marker.position : new google.maps.LatLng(marker.latitude, marker.longitude);
var cmarker = new google.maps.Marker(options);
if (marker.html) {
....
},
之后
createMarker: function(marker) {
....
options.position = marker.position ? marker.position : new google.maps.LatLng(marker.latitude, marker.longitude);
var goMap = this; //patched here
var cmarker = new google.maps.Marker(options);
if(goMap.opts.markerCreated) goMap.opts.markerCreated(cmarker); //patched here
if (marker.html) {
....
},
然后在您自己的代码中更改:
$('#world-map').goMap(
{
markers: mapMarkers,
zoom: 2,
icon: 'http://localhost/eproj/white-marker.png',
streetViewControl: true,
});
至:
$(function() {
var markerclusterer;
var markers = [];
var mapMarkers = [{"id":"9073a1977c8d5d6d7eb1666d03af4a66","address":"3 Essex St, Jersey City, Hudson, United States"},
{"id":"f63f77a0b2d0986f1f0e94bde07ff8ef","address":"96 Vesey St, New York, New York, United States"},
{"id":"57d5cb180425670f3e9c7b6e62fb88ac","address":"38 E Broadway, Manhattan, New York, United States"},
{"id":"bb464b47ca54a23edc3dee4a5f4299ad","address":"322 Tait Ave, Sanger, California, United States"},
{"id":"980f9d1e9e466d988f4851117a268e25","address":"1495 Morton Ave, Parsons, Kansas, United States"},
{"id":"389888acd972d01783547837841d5294","address":"160 N Washington St, Clinton, Missouri, United States"}
];
$("#map").goMap({
markerCreated: function(marker) {
markers.push(marker);
//updated solution for slow MarkerClusterer loading
if(markers.length == mapMarkers.length) {
new MarkerClusterer($.goMap.map, markers);
}
//prev solution
//if(!markerclusterer) markerclusterer = new MarkerClusterer($.goMap.map, markers);
//markerclusterer.addMarker(marker);
},
markers: mapMarkers
});
});
删除$.goMap.ready
部分
现在请告诉我这个黑客是否有效谢谢
[已编辑]
我认为这是因为当创建 MarkerCluster 时,它没有传递正确的标记对象参数。这是因为您的 mapMarkers 变量需要在创建标记对象之前首先进行地理编码,同时在代码中您强制在标记正确地理编码之前创建一个 MarkerCluster (返回具有位置属性的标记对象)
相信我,当您将 mapMarkers 变量替换为标记对象(我的意思是已知位置)时,您可以看到集群正确显示试试这个:
[{
latitude: 40.713094,
longitude: -74.033904,
id: 'test1',
title: 'marker title 1'
},{
latitude: 40.712638,
longitude: -74.03429,
id: 'test2',
title: 'marker title 2'
}]
[旧]也许这有帮助:
抱歉,无法编写比这更简单的解决方案;)
提示:尝试查看页面源代码
关于jquery - goMap 与 MarkerClusterer 不会对当前 map 产生任何影响,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7587295/
我在 Chrome 上做了一些测试,requestAnimationFrame 产生了 61 fps 而 setTimeOut( callback, 0 ) 产生了 233 fps。 如果一个人想要超
当我调试代码时,我发现 GCC 和 Clang 都为 0.0/0.0 产生 nan,这是我所期望的,但 GCC 产生的 nan 将符号位设置为 1,而Clang 将其设置为 0(如果我没记错的话,与
Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。 想改善这个问题吗?更新问题,以便将其作为on-topic
我在 R Studio 中有一个时间序列。现在我想计算这个系列的log()。我尝试了以下方法: i <- (x-y) ii <- log(i) 但是我得到以下信息:Warning message: I
我有兴趣了解 JavaScript 的内部结构.我试图阅读 SpiderMonkey 的来源和 Rhino但是绕过我的头是相当复杂的。 我问的原因是:为什么像 (![]+[])[+!![]+[]] 生
我们在 Delphi 中使用标准 TWebbrowser 组件,该组件在内部使用 mshtml.dll。另外,我们使用注册表来确保页面使用新的渲染引擎( Web-Browser-Control-Spe
我必须实现一个序列化/反序列化类,并且我正在使用 System.Xml.Serialization 。我有一些IList类型属性并希望在 IList 中序列化解码属于具有特定区域性信息的列表的所有十进
我有一个 Java 应用程序,它读取包含 SQL 查询的 JSON 文件,并使用 JDBC 在数据库上触发它们。 现在我有 5 万个这样的文件,我需要生成 5 万个独立线程来读取每个文件并将它们上传到
我正在尝试将 TensorFlow 入门页面上的示例线性回归程序调整为二次回归。为此,我只是添加了另一个变量并更改了函数。然而,这似乎会导致 NaN 值。这是我的代码: import numpy as
申请后KernelPCA到我的数据并将其传递给分类器 ( SVC ) 我收到以下错误: ValueError: Input contains NaN, infinity or a value too
这背后的想法是,如果我的数据库中存在登录名(正确的用户名+密码),我将重定向到一个页面,并且在进行此身份验证后,他们可以将消息存储在文本文件中。代码非常简单尽管我不确定为什么会收到 IllegalSt
我有一个返回 log10 值的函数。在将它们转换为正常数字时,出现溢出错误。 OverflowError: (34, 'Numerical result out of range') 我检查了日志值,
nosetests 抛出一个 ImportError,尽管我认为这是一个正确配置的 virtualenv。 ==============================================
我是这个网站的新手,所以如果我做错了什么,我提前道歉。当我尝试使用 kivy-garden 的 ScrollLabel 时,它给了我一个错误。基本上我正在尝试创建一个控制台日志,并且我需要能够在文本框
任何人都对 MDSJ 有任何经验?以下输入仅产生 NaN 结果,我不明白为什么。文档非常稀少。 import mdsj.Data; import mdsj.MDSJ; public class MDS
我有一个非常简单的 scala jcuda 程序,它添加了一个非常大的数组。一切都编译和运行得很好,直到我想从我的设备复制超过 4 个字节到主机。当我尝试复制超过 4 个字节时,我收到 CUDA_ER
我正在使用 Hero 组件在两个页面之间创建动画。Hero 组件用于包装一个 Image 小部件(没问题)和一个 Container 小部件(有问题)。 抛出以下溢出错误: ══╡ EXCEPTIO
我无法理解页面 https://developer.mozilla.org/en/JavaScript/Reference/Operators/Special/void 中的这一段: This ope
当在 Angular 中使用不立即触发事件的异步管道时(http 请求或任何有延迟的可观察对象),第一个值为 null为什么会这样?如何避免这种情况? 第一个变化: SimpleChange {
如果一个导入的库生成了一个会 panic 的 goroutine 怎么办?在这种情况下,开发人员无法阻止程序退出。 就像在这段代码中一样,使用延迟恢复调用一个错误的库没有帮助,因为该库正在生成一个 p
我是一名优秀的程序员,十分优秀!