Google Map Marker Manager V3

Question

He intentado usar el gestor de marcadores de google maps, pero parece que estoy golpeando una pared de ladrillo cada vez, sigo los tutoriales sobre cómo crear markermanager en la documentación de google, pero parece que nada me funciona , ¿es un problema en la forma en que se escribe mi código? quedando sin ideas aquí, en el momento en que he puesto UN marcador para desplegarlo en el mapa basado en latlng.

¿alguien puede intentar implementar el código del tutorial y encontrar una solución de trabajo para mí? me está volviendo loco.

@{ 
    ViewBag.Title = "Index"; 
} 

<h2>Index</h2> 

<div id="map_canvas" style="width:500px; height:500px;"></div> 

    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 

    @*<script src="../../Scripts/markermanager.js" type="text/javascript"></script>*@ 

    <script type="text/javascript"> 

     function initialize() { 
      var latlng = new google.maps.LatLng(-34.397, 150.644); 
      var myOptions = { 
       zoom: 8, 
       center: latlng, 
       mapTypeId: google.maps.MapTypeId.ROADMAP // map view, can be set to satellite, street, roadview, aerialview 
      }; 
      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

      var marker = new google.maps.Marker({ 
       position: latlng, 
       map: map, 
       animation: google.maps.Animation.DROP, 
       title: "Uluru (Ayers Rock)" 
      }); 

      marker.setMap(map); 
     } 

     $(document).ready(function() { 
      initialize(); 
     }); 

    </script> 

Answer 1

Aquí se muestra un ejemplo para empezar:

var map; 
 
var mgr; 
 

 
function initialize() { 
 
    var myOptions = { 
 
    zoom: 8, 
 
    center: new google.maps.LatLng(-34.397, 150.644), 
 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }; 
 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
 
    mgr = new MarkerManager(map); 
 
    google.maps.event.addListener(mgr, "loaded", function() { 
 
    for (var i = 0; i < 1000; i++) { 
 
     var marker = new google.maps.Marker({ 
 
     position: new google.maps.LatLng(Math.random() * 180 - 90, Math.random() * 360 - 180), 
 
     title: "Random marker #" + i 
 
     }); 
 
     mgr.addMarker(marker, 0); 
 
    } 
 
    mgr.refresh(); 
 
    }); 
 
} 
 
google.maps.event.addDomListener(window, "load", initialize);

<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
 
<script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markermanager/src/markermanager.js"></script> 
 

 
<div id="map_canvas" style="height: 400px;"></div> 
 
<p>Pan or zoom out to see markers</p>

en cuenta que al crear un marcador, que no especificó map: map o marker.setMap(map). En cambio, los marcadores se agregan al administrador de marcadores, que a su vez los agrega al mapa cuando llamas al markermanager.refresh().

También tenga en cuenta que he agregado todos los marcadores en el nivel de zoom 0. Lo ideal es cargar pocos marcadores en niveles de zoom más bajos y más marcadores en niveles de zoom más altos.

• jsFiddle
• Marker Manager Reference
• Marker Manager Examples