javascript - Show nearby Places in Google Maps in Meteor -
i trying nearby places gym, atm on google maps. have used dburles:google-maps
package. followed instructions on google maps api , did following. map generated, , center marker shown not able generate places markers. can point out doing wrong?
this js code.
template.map.helpers({ examplemapoptions: function() { // make sure maps api has loaded if (googlemaps.loaded()) { // map initialization options var data=test.findone().address.geopoint; var lat=data[1]; var lng=data[0]; console.log([lat,lng]); return { center: new google.maps.latlng(lat, lng), zoom: 14 }; } } }); template.map.oncreated(function() { var self = this; googlemaps.ready('examplemap', function(map) { var marker; // create , move marker when latlng changes. self.autorun(function() { var data=test.findone().address.geopoint; var lat=data[1]; var lng=data[0]; if (! lat && ! lng) return; // if marker doesn't yet exist, create it. if (! marker) { marker = new google.maps.marker({ position: new google.maps.latlng(lat, lng), map: map.instance }); } // marker exists, we'll change position. else { marker.setposition([lat,lng]); } // center , zoom map view onto current position. map.instance.setcenter(marker.getposition()); map.instance.setzoom(14); var pyrmont = new google.maps.latlng(lat,lng); // map = new google.maps.map(document.getelementbyid('examplemap'), { // center: pyrmont, // zoom: 15 // }); var request = { location: pyrmont, radius: '5000', types: ['store'] }; service = new google.maps.places.placesservice(map); service.nearbysearch(request, callback); function callback(results, status) { if (status == google.maps.places.placesservicestatus.ok) { (var = 0; < results.length; i++) { var place = results[i]; createmarker(results[i]); } } } }); }); });
solved issue replacing map
map.instance
in places search.
Comments
Post a Comment