我一直在使用优秀的$GoMap jquery plugin,它基本上是google maps API V3的包装器。它对我有好处,但是当使用大量标记60+时,似乎有一些性能问题,所以我决定是时候直接使用V3 API了。
我已经阅读了一些相关的初学者教程,但考虑到我在演出之后我想让你的想法/片段成为在V3 API中实现以下内容的最有效方式...(但是对于60+标记)
$(function() {
$("#map").goMap({
maptype: 'ROADMAP',
mapTypeControl: false,
zoom: 9,
markers: [ {
latitude: 52.941364,
longitude: 0.648730,
html: {
content: '<img src="http://localhost/gv2010/user_area/assets/js/carousel/loader.gif"/>',
ajax: 'http://localhost/gv2010/maptest/ajax/gmap_window.php?job_id=4002&img=40%2Fj4002_i2523&name=B%26b+With+Tlc&village=Brancaster&url_str=bandbwithtlc&rooms_num=&sleeps_text='
}
}, {
latitude: 52.963097,
longitude: 0.742940,
html: {
content: '<img src="http://localhost/gv2010/user_area/assets/js/carousel/loader.gif"/>',
ajax: 'http://localhost/gv2010/maptest/ajax/gmap_window.php?job_id=4003&img=40%2Fj4003_i2358&name=Scolt+Cottage&village=Burnham+Overy+Staithe&url_str=scoltcottage&rooms_num=&sleeps_text='
}
}, {
latitude: 52.904720,
longitude: 0.623171,
html: {
content: '<img src="http://localhost/gv2010/user_area/assets/js/carousel/loader.gif"/>',
ajax: 'http://localhost/gv2010/maptest/ajax/gmap_window.php?job_id=4200&img=42%2Fj4200_i4599&name=1+Ringers+Cottage&village=Docking&url_str=1-ringers-cottage&rooms_num=&sleeps_text='
}
}
],
icon: 'map_marker.png'
});
});
任何真正感激的帮助
答案 0 :(得分:0)
如何使用marker clusterer?首先检查this speed test。 另请查看this answer以获取有关如何直接使用google maps api的示例代码。