Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图API V3:多标记和ajax信息窗口?(最佳表现)_Javascript_Jquery_Performance_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 谷歌地图API V3:多标记和ajax信息窗口?(最佳表现)

Javascript 谷歌地图API V3:多标记和ajax信息窗口?(最佳表现),javascript,jquery,performance,google-maps,google-maps-api-3,Javascript,Jquery,Performance,Google Maps,Google Maps Api 3,我一直在使用优秀的API,它基本上是GoogleMapsAPIv3的包装器。它对我很有用,但是当使用大量markers 60+时,似乎存在一些性能问题,所以我决定直接使用V3API 我已经阅读了不少初学者教程,但考虑到我追求的是性能,我想让您的想法/片段在V3 API中以最有效的方式实现以下内容…但对于60+标记 $(function() { $("#map").goMap({ maptype: 'ROADMAP', mapTypeControl: f

我一直在使用优秀的API,它基本上是GoogleMapsAPIv3的包装器。它对我很有用,但是当使用大量markers 60+时,似乎存在一些性能问题,所以我决定直接使用V3API

我已经阅读了不少初学者教程,但考虑到我追求的是性能,我想让您的想法/片段在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'        
    }); 
}); 
非常感谢您的帮助

首先使用?检查。 另外,请检查一些关于如何直接使用google maps api的示例代码。

如何使用?首先检查。
另外,请查看一些关于如何直接使用google maps api的示例代码。

更新:好的,原来是FireBug导致了性能问题,如果有人能帮忙,仍然非常希望将其转换为本机google maps更新:好的,原来是FireBug导致了性能问题,如果有人能帮上忙的话,我仍然非常渴望将其转化为本机谷歌地图。是的,我已经看过很多聚类工具,但是我还没有准备好开始进行聚类,直到我得到了本机API V3中目前拥有的东西我不确定的一点是如何设置ajax信息窗口?因为您使用的是jquery,首先在这里设置信息窗口,然后在click listener中发出jquery ajax请求,并使用jquery.html设置信息窗口内容是的,所以我看了很多集群工具,然而,我还没有准备好开始做集群,直到我得到了我目前在本机API V3中拥有的东西我不确定的一点是如何设置ajax信息窗口?因为您使用的是jquery,首先在这里设置信息窗口,然后在单击侦听器中发出jquery ajax请求,并使用jquery.html设置信息窗口内容