i want add geo- location feature meteor app, shows error, have searched here, not find suitable answer. have added meteor add mdg:geolocation package
<!--html part--> <head> <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=your_api_key&sensor=false"></script> <script type="text/javascript">initmap = function(){ console.log("*** map start ********") var mapoptions = { center: new google.maps.latlng(-34.397, 150.644), zoom: 8, maptypeid: google.maps.maptypeid.roadmap }; var map = new google.maps.map(document.getelementbyid("map-canvas"), mapoptions); console.log("*** map end ********") } </script> </head> <template name="map"> <div id="map-canvas"></div> </template> client/main.js
if(meteor.isclient) { template.map.rendered = function(){ var successhandler = function(position) { session.set('lat', position.coords.latitude); session.set('lon', position.coords.longitude); }; var errorhandler = function (errorobj) { alert(errorobj.code + ": " + errorobj.message); session.set('lat',22.0546106 ); session.set('lon',88.3939791); }; navigator.geolocation.getcurrentposition( successhandler, errorhandler, {timeout: 20000, enablehighaccuracy: true, maximumage: 10000}); } tracker.autorun(function(){ initmap(); }); } if (meteor.isserver) { meteor.startup(function () { // code run on server @ startup }); } initmap = function() { console.log("***** start *****"); var mapoptions = { center: new google.maps.latlng(session.get('lat'),session.get('lon')), zoom: 8, maptypeid: google.maps.maptypeid.roadmap }; map = new google.maps.map(document.getelementbyid("map-canvas"), mapoptions); console.log("***** end *****"); } router.route('map'); client/main.css
#map-canvas { width: 100%; height: 300px; } error shown in console
"*** map start ********" map:9 typeerror: null js:80 use of getpreventdefault() deprecated. use defaultprevented instead. map "google maps api warning: invalidkey https://developers.google.com/maps/documentation/javascript/error-messages#invalid-key" util.js:210 "google maps api warning: sensornotrequired https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required" util.js:210
Comments
Post a Comment