gpt4 book ai didi

jquery - goMap 与 MarkerClusterer 不会对当前 map 产生任何影响

转载 作者:行者123 更新时间:2023-12-01 01:38:16 24 4
gpt4 key购买 nike

我正在使用 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'
}]

[旧]也许这有帮助:

goMap Markercluster Soluton

抱歉,无法编写比这更简单的解决方案;)

提示:尝试查看页面源代码

关于jquery - goMap 与 MarkerClusterer 不会对当前 map 产生任何影响,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7587295/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com