Distance Comparison Map


Distance Comparison Map


May 24, 2023

example javascript libraries maps

I’m in the process of moving, and I mostly walk and bike to get around. I wanted to compare distances in my current neighborhood to distances in the place I’m moving to. I did a tab-switching between Google Maps, so I decided to build my own tool to help me visualize.

To use the tool:

  1. Enter a place or address in the start and end fields of the left map. This sets the size of the green circle on both maps.
  2. Enter a place or address in the start and end fields of the right map. This sets the size of the blue circle on both maps.
  3. Compare the sizes of the green and blue circles. If the green circle is bigger, the left distance is larger. If the blue circle is bigger, the right distance is larger.
  4. Drag the markers around to compare different distances.
🏠
🍺
🏠
🍺




Libraries Examples

Comments

Happy Coding is a community of folks just like you learning about coding.
Do you have a comment or question? Post it here!

Comments are powered by the Happy Coding forum. This page has a corresponding forum post, and replies to that post show up as comments here. Click the button above to go to the forum to post a comment!