Monday 15 June 2015

javascript - How to make an array of markers on a Google map taking addresses from html? -



javascript - How to make an array of markers on a Google map taking addresses from html? -

i'd create array of markers on google map taking longitudes , latitudes array in html.erb file don't know how send longitudes , latitudes , create markers.

var map; var place1; var defaultzoom = 16; var mylat = '30.04441'; var mylng = '31.23571'; var centrepoint = new google.maps.latlng(mylat, mylng); var markerx; //rendering map google.maps.event.adddomlistener(window, 'load', loadmap); // create map , add together controls function loadmap() { //map options var mapoptions = { center: new google.maps.latlng(30.0444196, 31.23571160000006),//center in cairo zoom: defaultzoom, maptypeid: google.maps.maptypeid.roadmap, scalecontrol : false, scrollwheel : false, draggable : true, maptypecontrol : false, pancontrol : false, zoomcontrol : true, zoomcontroloptions: { style : google.maps.zoomcontrolstyle.large,//zoom out , in @ map position: google.maps.controlposition.left_bottom } }; //new map google maps map = new google.maps.map(document.getelementbyid('google-map'),mapoptions); } , html.erb favorite_place object attributes contains longitude , latitude in database <h1>my favorite places</h1> <% @favorite_places.each |favorite_place| %> <p><%=link_to truncate(favorite_place.name,length:19,omission:'',separator:','), controller: "favorite_places", action:"show",id:favorite_place.id %> </p> <div id="google-map" class="map_new" ></div> <%end%>

you can utilize code display marker on map

marker marker=map.add(new markeroptions().position(new latlng(lat1,lng1)).title("place_name"));

here map googlemap object , lat1 , lng1 should latitude , longitude respectively of place want display.

javascript ruby-on-rails html5 google-maps google-maps-api-3

No comments:

Post a Comment