Linking google maps to an online spreadsheet?

Question

Google Maps

I have a personal Google map with points marked on it, how can I make sure that when I click on this point in the Google map, this parameter is registered in the online table? So let's say when you click, what would be at the bottom or on another page was there a calculator and counted all these points?

Answer 1

You need to use google.maps.event.addListener to track clicks on points (markers), and enter information about each marker into your table. Something like this:

google.maps.event.addListener(marker, 'click', (function(marker) {
  return function() {
                $('selector').append(marker.title);
  }
  })(marker));

If I understand correctly what you need.

Answer 2

About something like this.
Hastily made up, just to show the basic principles.
The solution needs to be improved.
For adaptability, you need to add media queries.
Wrap the block of code where nth-child is used to minimize style conflicts in strict pixel ranges (for example, 0-479, 480-922, 922-...)
Using mixins to create frames, assign the necessary fillets. Mixins may need to be tweaked to fit the two rounds on the same block (on mobile when they are in the same column)
. Don't forget to add an order in the media queries for the correct order of the blocks.
https://jsfiddle.net/DelphinPRO/63zpaag6/
In general, nothing archi-complex. But to get a presentation you will have to spend time =) Go for it.

Answer 3

Well, as an option, do it through the border, or through the background
. On an adaptive, I doubt that this will work out.