Google Maps - Populate a map with MVC Object

Question

I found this code at this url : http://gmaps-samples-v3.googlecode.com/svn/trunk/poly/poly_edit.html

The goal is easy : Draw a shape with markers. Markers can be added, dragged, removed.

In my case, I have multiples coordinates, and I want to inject them in the MVC object to draw the shape at page loading.

In the code, we have this function :

function addPoint(event) {
    path.insertAt(path.length, event.latLng);
    var marker = new google.maps.Marker({
        position: event.latLng,
        map: map,
        draggable: true
    });
    markers.push(marker);
    marker.setTitle("#" + path.length);

    google.maps.event.addListener(marker, 'click', function() {
        marker.setMap(null);
        for (var i = 0, I = markers.length; i < I && markers[i] != marker; ++i);
        markers.splice(i, 1);
        path.removeAt(i);
    });

    google.maps.event.addListener(marker, 'dragend', function() {
        for (var i = 0, I = markers.length; i < I && markers[i] != marker; ++i);
        path.setAt(i, marker.getPosition());
    });
}

I have a list of coordinates, like this :

var locations = ['48.87304938, 2.77083992','48.87153217, 2.77080774','48.86765779, 2.77210593']

I imagine part of code like this :

addPoint(locations[0]);
addPoint(locations[1]);

but not function..

have you got some ideas ?

(Sorry for my english... )

Dr.Molle · Accepted Answer · 2014-06-18 21:57:10Z

1

addPoint expects as argument an object with a latLng-property set to a google.maps.LatLng() , but you provide a string.

possible approach:

var locations = ['48.87304938, 2.77083992',
                 '48.87153217, 2.77080774',
                 '48.86765779, 2.77210593'];

//iterate over the items
for(var i=0;i<locations.length;++i){
  //split the item to separate latitude and longitude
  var point=locations[i].split(',');
  //call the function
  addPoint({latLng:new google.maps.LatLng(point[0],point[1])});

}

edited Jun 18, 2014 at 21:57

answered Jun 18, 2014 at 21:51

Dr.Molle

117k16 gold badges200 silver badges206 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Google Maps - Populate a map with MVC Object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related