Open jthiller opened 11 years ago
We can get the routes coordinates and render those, this answer has it http://stackoverflow.com/questions/7313182/how-extract-waypoint-route-from-bing-maps-directions-and-convert-it-to-a-shapefi
Is the purpose to share this route (which would be cool), we could just grab that DOM and manipulate then share. Our mapping algorithms should improve based on the route you take to your destination, so doing what they did in stackoverflow would be ideal (I think) /cc @justinormont
It would be fun to be able to do a screen shot of the page, possibly server-side. Then use this as the image which gets posted to Facebook.
If you're just looking for the image, it's rather easy to render SVGs to an image. Just use any tool. There's tools for SVG=>HTML5 Canvas, or server side tools for SVG=>PNG.
Low importance on this question. I'm mostly curious about this as something that would open up possible design choices. Bing maps seems to embed the route as an SVG within the map, so I guess it could theoretically be done through some DOM manipulation, but something from the maps API might be cleaner.
Any thoughts? I wouldn't spend any time on this, but if you see something that looks useful along these lines I'd be curious to know about it.
SVG code:
<path style="pointer-events: visiblepainted;" stroke="#3333ff" stroke-width="4" stroke-linecap="butt" stroke-dasharray="none" fill="none" fill-opacity="1" fill-rule="evenodd" stroke-opacity="0.7137254901960784" d="M730,363 L725,349 L708,344 L703,322 L698,312 L690,304 L688,285 L675,269 L675,260 L663,249 L659,232 L654,228 L646,212 L645,195 L637,188 L632,176 L631,167 L623,154 L615,129 L612,126 L603,126 L595,119 L591,108 L593,102 L590,89 L594,83 L580,68 L579,59 L572,53 L565,51 L564,46 L559,43 L559,35 L553,31 L554,18 L556,13 L565,7 L565,2 "></path>
SVG converted to PNG (GitHub doesn't like SVG):![route_clean_converted](https://f.cloud.github.com/assets/1965053/362912/62d84cee-a1f4-11e2-8734-eb71c325d54c.png)