Folleto: cómo dibujar líneas curvas?

Question

Por lo tanto, estoy tratando de dibujar líneas curvas en mi aplicación que se basa en un Folleto con un mapa.

Que yo sepa Prospecto no apoyo el dibujo de líneas curvas en el momento, así que mi pregunta es, realmente, más sobre la mejor manera de conseguir algunas de las líneas curvas funtionality allí.

El problema se hace más difícil porque mi código deberá ser IE-8 compatible, lo que significa que la pura SVG no es la solución. (Folleto en realidad no recurrir a un VML si detecta que no hay soporte de SVG está presente...)

Así que una posibilidad sería para mí escribir algún folleto de extensión de código basado en SVG con su propia reserva de VML. Esto sería un infierno de un montón de trabajo. :/

¿Alguien tiene una mejor propuesta?

Answer 1

Hacer su propia capa personalizada es probablemente una de las soluciones para resolver el problema. Pero sí, estoy de acuerdo en que sería un infierno de mucho trabajo. Otra opción sería la de sacar sus propias curvas (curva b-spline o algo así) con base en las coordenadas geográficas. No tengo idea de si que se ve bien, pero me imagino que el resultado no sería demasiado malo y es definitivamente mucho más rápido de lograr. Hay un montón de scripts JS para este tipo de algoritmos alrededor. Podría ser vale la pena considerar para proyectar los datos en algo como UTM para el cálculo.

Si usted encuentra algo. por favor, háganos saber...

Answer 2

Considerando IE8 requisito, no tenemos muchas opciones sobre la mesa. Sólo puedo recordar una SVG lib que ha VML retroceso - Raphaël.js Así que usted puede probar este Raphaël capa plugin de aplicación para el Prospecto. https://github.com/dynmeth/RaphaelLayer No probé el plugin de mí mismo, pero utilizado con éxito Raphaël. Espero que usted puede encontrar un uso de ella.

Aquí está el ejemplo de trabajo (la imagen se vincula a la demo) http://visualizingurbanfutures.com/2012/09/06/maps-with-raphael-js/

Si no IE8 requisito, me gustaría ir a la utilización D3 para cualquier vectores en la web de SIG.

Answer 3

Usted puede utilizar el arc.js plugin para folleto para dibujar líneas curvas.