How do I upload or download points in Google Maps when I click on a div? [closed]

-1

I have a page that shows the routes traveled by a vehicle. The routes will be shown in an ordered horizontally arranged list in the style of the Timestack timeline ( link ), except that they will not be in each other, but side by side, organized according to the time they occurred. For each route, a list item will be created and I would like that when the user clicks on a route (a colored button with the route number), the route points (which will be stored in a multidimensional array) are displayed on the map and the div was highlighted / selected. When the user clicks another path, another div is selected, other points are shown on the map and the previous div "loses" the selection and the points of that div are taken from the map.

I searched the internet and found no library that has this specific functionality. If someone can give me some direction.

I believe that to show the points on the map or stop showing the previous points, I'll have to use AJAX, correct?

    
asked by anonymous 04.04.2014 / 19:23

1 answer

2

I point to you to take a look - > gmaps.js

I'm not sure if it will solve your problem, but for all the applications involving google maps that I needed to develop until today, this API gave me an account, besides the fact that it's super simple to work with.

Note: I saw that you commented on the use of AJAX. I had a lot of problems using AJAX with maps, so here's the tip if you need to: leave the map fixed just by loading it once in the page load, and then just work by adding / repositioning / removing the markers in it.

õ /

    
04.04.2014 / 19:53