Stackoverflow - Google Maps multiple markers position

Work in Progress

by Andrew Pougher

HTML

<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="map-canvas"></div>


<div data-address="36.738884,15.022705,John who knows C++">John</div>
<div data-address="42.608127,14.067408,Claire who knows JQuery">claire</div>

CSS

#map-canvas { 
    height: 300px; 
    width: 500px;
}

JavaScript

var locs = "36.738884,15.022705,John who knows C++|42.608127,14.067408,Claire who knows JQuery|41.608127,14.067408,Andrew who knows CSS3 + HTML5|22.608127,14.067408,Sharron Who likes analytics";
g = [];
$.each(locs.split("|").slice(0,-1), function(index, item) {
    g.push(['latlong:"' + item + '"']); 
});
g=g.join('},{')



alert(g)




var property_list = [
        {latlong: "36.738884,15.022705,John who knows C++"},
        {latlong: "42.608127,14.067408,Claire who knows JQuery"},
            {latlong: "41.608127,14.067408,Andrew who knows CSS3 + HTML5"},
            {latlong: "22.608127,14.067408,Sharron Who likes anal"},
            {latlong: "32.608127,14.067408,Dawn who knows Perl"}
    ],
    options = {
        zoom: 4,
              title: this.title,
        center: new google.maps.LatLng( 36.73, 15.02 ),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    },
    map = new google.maps.Map( 
        document.getElementById( 'map-canvas' ), 
        options 
    );

for( var index = 0; index < property_list.length; index++ ) {
    var latlong = property_list[index]['latlong'].split(','),
        latlng = new google.maps.LatLng( latlong[0], latlong[1] ),
        marker = new google.maps.Marker( {position: latlng, map: map, title: latlong[2]} );
    marker.setMap( map );
};