Radio del mapa de calor de Google Maps, radio del punto de capa

Question

Quiero poder especificar efectivamente el radio de puntos en metros. La API está configurada para que la propiedad radius se mantenga constante para los píxeles, por lo que al acercarla se erosiona el mapa de calor (sé que puede hacer que el mapa de calor no se erosione con la propiedad dissipating, pero esto plantea otros problemas, es decir, desordenar manualmente el radio para que mi mapa de calor se muestre correctamente. Aquí están los mapas de calor reference.

Específicamente, estoy tratando de mostrar una distribución de probabilidad en un mapa. Tengo la distribución en forma de imagen, y quiero asignar los pesos 0-1 a una capa de mapa de calor. (puedo, y no quieren, superponer las imágenes).

¿Alguna sugerencia?

Answer 1

Ok, he intentado algunas cosas:

Uso del Mercator Projection example (check the source) para extraer las coordenadas x, Y del píxel de cualquier punto de una latLng, para su uso posterior del geometry library, specifically the computeOffset function consigue otro latLng un "DM" distancia (en metros) a la derecha de el anterior, obtiene la diferencia (en píxeles) como valor absoluto "DP" y de allí obtienes tu relación "pixelsPerMeter" DP/DM.

Así pues, si desea que su radio sea de 100 metros que acaba de establecer las propiedades de {radius:Math.floor(desiredRadiusPerPointInMeters*pixelsPerMeter)}

y manejar el cambio de zoom sólo tiene que utilizar un oyente

google.maps.event.addListener(map, 'zoom_changed', function() { 
      heatmap.setOptions({radius:getNewRadius()}); 
     }); 

He subido un small example (intente acercar), puede verificar si la distancia se ve bien con el botón en la parte inferior.

Answer 2

Para cualquiera que quiera tener una versión de coffeescript muy bien empaquetada del ejemplo jsbin de @lccarrasco, puede ver la esencia del MercatorProjection coffeescript class que creé usando su código.

vez que haya cargado la clase, se puede utilizar con los siguientes:

map = new google.maps.Map(...) 
heatmap = new google.maps.visualization.HeatmapLayer({map: map}) 
google.maps.event.addListener(map, 'zoom_changed',() -> 
    projection = new MercatorProjection() 
    heatmap.setOptions(radius: projection.getNewRadius(map, 15)) 
) 

Donde '15' es el radio en metros que se puede jugar con o establecer mediante programación por otros medios para obtener su mapa de calor para que parezca que lo quieres

Última pregunta

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Cuestiones relacionadas

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.