¿Hay algún ejemplo de un mapa de Google que tenga un lienzo grande como superposición? Me está costando posicionar el lienzo cada vez que el mapa se acerca o se mueve.Lienzo HTML como superposición en Google Maps
Respuesta
Pruebe el método de límites del mapa, obtenga la vista noreste y suroeste del mapa visualizable actual y use una función js para modificar la superposición en cada zoom para cambiar la posición de forma dinámica.
mapBound = map.getBounds();
northEndOfMap =mapBound.getNorthEast();
y para obtener un mapa zoom map.getZoom();
Consulte: http://code.google.com/apis/maps/documentation/javascript/reference.html#Map
Eso es similar a lo que terminé haciendo. Obtienes el punto suroeste, menos la altura para obtener el punto noroeste, lo conviertes de latlng a píxel y configuras el lienzo arriba y el atributo izquierdo en ese punto. Muchas gracias. – dpham
¿Alguna idea de cómo lo haría funcionar si el zoom es lo suficientemente bajo como para contener más de un tramo de la tierra, por ejemplo [-190, 230]? – Thomas
Mira la biblioteca CanvasLayer que básicamente tiene todo esto en cuenta para usted como una implementación de referencia.
- 1. Lienzo HTML como superposición en Google Maps que se repara en relación con el lienzo del mapa
- 2. Dibujo MKMapView superposición como Google Maps llegar
- 3. desactivar superposición de carreteras en google maps
- 4. Google Maps con superposición de condados?
- 5. Google Maps V3: deshabilitar marcadores de lienzo
- 6. Google Maps como fondo
- 7. Google Map API V3 - Haga clic en Marker para ver más contenido de información como superposición (como en Google Maps)
- 8. Google Maps Overlays
- 9. API de mapa alternativo (como Google Maps)
- 10. recurso interpretado como imagen pero transferido como texto/html mientras se trabaja con Google Maps
- 11. Google Maps Marker como un enlace
- 12. obtener clics a través del lienzo html
- 13. Marcado de calles en Google Maps
- 14. Google Maps Bubble Templates
- 15. Google maps no aparece
- 16. OpenLayers - superposición HTML DIV
- 17. Convertir una sola superposición de imágenes grandes en mosaicos para Google Maps
- 18. Google maps y knockoutjs
- 19. Google maps en oculto div
- 20. Google Maps no muestra
- 21. Zoom específico en Google Maps
- 22. ¿Cómo crear una superposición de texto en Google Maps API v3 que no funciona?
- 23. Crear enlaces en lienzo HTML
- 24. Incrustar Google Maps en C#
- 25. Google Maps: cómo agregar elementos HTML a coordenadas específicas?
- 26. Google Earth Heat Maps
- 27. ¿Superposición personalizada de Google Map?
- 28. Google Maps algoritmo
- 29. Marcador Visibilidad En Google Maps
- 30. imagen de Google Maps?
Esto no es todo una respuesta, ya que utiliza svg, pero hay una gran biblioteca llamada d3 con un ejemplo pertinente aquí: https://gist.github.com/899711 Puede adaptarse al lienzo, por ejemplo, con algo tan simple como esto: http://www.svgopen.org/2010/papers/62-From_SVG_to_Canvas_and_Back/index.html#canvas_to_svg o algo más elegante como fabric.js, especialmente https://github.com/kangax/fabric. js/blob/d42ba6ec027274ed89c8262dfc3935b10e81f479/src/parser.js # L431 – unmounted