2

私は優れた$GoMap jquery pluginを使用しています。これは基本的にgoogle maps API V3のラッパーです。それは私にはうまくいきましたが、多くのマーカーを使用している場合、パフォーマンス上の問題があるようですので、V3 APIを直接使用することに決めました。Google Maps API V3:複数のマーカーとajaxの情報はありますか? (最高のパフォーマンス)

初心者向けのチュートリアルを読んだことがありますが、私はパフォーマンスの後に考えています。あなたの思考/スニペットを、V3 APIでネイティブに以下を達成する最も効率的な方法にしたいと思います。 +マーカー)

$(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'   
    }); 
}); 

すべてのヘルプは本当にmarker clustererの使用について

+0

更新:それは誰でも助けることができる場合は、ネイティブのGoogleマップにこれを翻訳するためにまだ本当に熱心なパフォーマンスの問題を引き起こしているFireBugだったことが判明 – Haroldo

答えて

0

どのように感謝?this speed test最初のを確認してください。 また、GoogleマップのAPIを直接使用する方法のサンプルコードについては、this answerをご確認ください。

+0

ああ、私はクラスタリングツールの多くを見てきましたネイティブAPI V3に現在持っているものが得られるまで、クラスタリングを開始する準備ができました。 - ちょっと分かりませんが、ajax情報ウィンドウをどうやってやるのですか? – Haroldo

+0

jqueryを使用しているので、まずhttp://code.google.com/intl/el-GR/apis/maps/documentation/javascript/overlays.html#InfoWindowsのような情報ウィンドウを設定し、クリックリスナーでjquery ajaxリクエスト、jquery .html()を使用して情報ウィンドウのコンテンツを設定する –

関連する問題