Utilizo la herramienta de depuración de Chrome para comparar el mapa de google y otros mapas. Encontré para la función de medición de distancia, el mapa de google utiliza el lienzo para dibujar la ruta y algunos otros usan SVG. Supongo que tal vez esto se deba a que el lienzo es más rápido. Pero SVG tiene muchas partes buenas para dibujar el camino. ¿Hay alguna otra razón?¿Por qué google map usa Canvas para hacer mediciones de distancia no SVG?
5
A
Respuesta
10
Cada elemento SVG es un elemento DOM y tener más de 10,000 rutas SVG provoca una desaceleración masiva en comparación con Canvas. Entonces, una posibilidad es el rendimiento de la misma.
Pero originalmente Android no renderizó/admitió SVG. Esa es probablemente la verdadera razón por la cual Google eligió usar Canvas.
Hoy en día, la tableta Android (3.0+) tiene soporte para SVG, pero 1.0-2.3 no.
Cuestiones relacionadas
- 1. ¿Por qué Google usa Canvas en la vista de lista de conversaciones de la aplicación Gmail?
- 2. Animación SVG o Canvas?
- 3. ¿Cómo calcular la distancia entre dos lugares? ¿Hay algún servicio disponible por Google Map para iphone?
- 4. Canvas vs SVG para juegos simples
- 5. ¿Hay una biblioteca SVG Map como Google Charts?
- 6. ¿Por qué Google Analytics usa __utm.gif?
- 7. Diagramas en SVG frente a HTML5 Canvas
- 8. ¿Por qué no baja WPF Canvas ahora?
- 9. Distancia de píxeles en Google Map (API V3) para evitar la superposición de etiquetas/superposiciones
- 10. Distancia entre dos ubicaciones: Google Maps
- 11. SVG rect vs div vs canvas
- 12. Google Distancia Matrix API
- 13. Recuperar coords para google map
- 14. ¿Qué es Repo y por qué lo usa Google?
- 15. ¿Por qué array.push() se usa para hacer un objeto?
- 16. google maps api v3 cómo clasificar por distancia más cercana
- 17. Arrastrar desde DOM, soltar Canvas o SVG
- 18. Google Map GEO Results
- 19. Código de ejemplo para incrustar canvas SVG en proyecto SWT?
- 20. ¿Hay un equivalente del método toDataURL de canvas para SVG?
- 21. Google Map Infowindow no se muestra correctamente
- 22. SVG a Canvas con d3.js
- 23. Canvas HTML5 o mapa mundial SVG
- 24. Google Map no funciona con XHTML Doctype (Tipo de documento)
- 25. ¿Qué tecnologías usa Google Wave?
- 26. google map dos marcadores en un mapa
- 27. es Raphaël usando canvas o svg?
- 28. Pantalla completa Google Map
- 29. ¿Por qué Google usa JavaScript y CSS en línea?
- 30. ¿Por qué Web Sockets no usa SOAP?
¡Muchas gracias! Y por el motivo de rendimiento, si dibujo una línea tanto en lienzo como en SVG, ¿las rutas de SVG activarán el re-flujo? y ¿qué tal lienzo? volver a pintar solo? – cnzhenyu
Una vez que todos los objetos SVG DOM están cargados, las cosas no son * demasiado * malas. Ambos serán bastante lentos al volver a dibujar los 10.000 objetos, pero hay mucho más espacio para mejorar el rendimiento del Canvas. –
@SimonSarris Me gustaría saber si se tarda un poco en volver a dibujar, digamos 10,000 objetos, ¿cómo Canvas puede mejorar esto? ¡Gracias! – kakacii