javascript - Meteor implementing Google Maps and Google Places -


i'm attempting implement google map on meteor app user's location , find places serve food near user. began implementing example

given google, , worked fine when did way; i'm trying implement adding actual javascript file , giving me "google undefined" error. 

menulist = new mongo.collection('items');  if (meteor.isclient) {        var pls;      var map;      var infowindow;      meteor.startup(function () {          //get user location , return location in console          var options = {              enablehighaccuracy: true,              timeout: 5000,              maximumage: 0          };            function success(pos) {              var crd = pos.coords;                console.log('your current position is:');              console.log('latitude : ' + crd.latitude);              console.log('longitude: ' + crd.longitude);              console.log('more or less ' + crd.accuracy + ' meters.');              pls = {lat: crd.latitude, lng: crd.longitude};          };            function error(err) {              console.warn('error(' + err.code + '): ' + err.message);          };            navigator.geolocation.getcurrentposition(success, error, options);      })        meteor.methods({          callback: function (results, status) {              if (status === google.maps.places.placesservicestatus.ok) {                  (var = 0; < results.length; i++) {                      createmarker(results[i]);                  }              }          },            createmarker: function (place) {              var placeloc = place.geometry.location;              var marker = new google.maps.marker({                  map: map,                  position: place.geometry.location              });                google.maps.event.addlistener(marker, 'click', function () {                  infowindow.setcontent(place.name);                  infowindow.open(map, this);              });          }          })        template.searchit.helpers({          'initmap': function () {              console.log("here");              //dummy values placed stackoverflow              var pyrmont = {lat: -33.234, lng: 95.343};                map = new google.maps.map(document.getelementbyid('map'), {                  center: pyrmont,                  zoom: 15              });                infowindow = new google.maps.infowindow();              var service = new google.maps.places.placesservice(map);              service.nearbysearch({                  location: pyrmont,                  radius: 500,                  types: ['food']              }, callback);          }          })  }
<head>      <title>place searches</title>      <meta name="viewport" content="initial-scale=1.0, user-scalable=no">      <meta charset="utf-8">      <div id="map"></div>      <script src="https://maps.googleapis.com/maps/api/js?key=aizasyacgadfjrh2pmm-bsta1s40wpkddspxo2m	  &signed_in=true&libraries=places" async defer></script>      <style>        html, body {          height: 100%;          margin: 0;          padding: 0;        }        #map {          height: 100%;        }      </style>          </head>    <body>        {{>searchit}}          </body>      <template name="searchit">  {{initmap}}  </template>

you should try dburles:google-maps package.

here example written author: http://meteorcapture.com/how-to-create-a-reactive-google-map/

have fun!


Comments

Post a Comment

Popular posts from this blog

routing - AngularJS State management ->load multiple states in one page -

Image
i developing site in angularjs ui-router. have situation on button click need change , load 3 state page , 3 looks image .please me how can load multiple pages. in 1 page you need configure router config this: $stateprovider .state("state1", { url: "/url1", controller: "firstcontroller", views: { view1: { templateurl: "templates/template1.html" }, view2: { templateurl: "templates/template2.html" }, view3: { templateurl: "templates/template3.html" } } }).state("state2", { url: "/url2", controller: "secondcontroller", views: { view1: { templateurl: "templates/template4.html" }, view2: { templateurl: "templates/template5.html" }, view3: { templateurl: "templates/template6.html" } }).state("state3", { ...
Read more

python - GRASS parser() error -

i'm trying use grass on python 2.7, i'm having problems @ setting script on idle, i'm getting error @ parser() function: here script: import os import sys gisbase = os.environ['gisbase'] = 'c:\program files (x86)\grass gis 7.0.1rc1' gisrc = 'c:\grassdata' gisdbase = 'c:\grassdata' location = 'newlocation' mapset = 'tc' ld_library_path = 'c:\program files (x86)\grass gis 7.0.1rc1\lib' path = 'c:\program files (x86)\grass gis 7.0.1rc1\etc';'c:\program files (x86)\grass gis 7.0.1rc1\etc\python';'c:\program files (x86)\grass gis 7.0.1rc1\lib';'c:\program files (x86)\grass gis 7.0.1rc1\bin';'c:\python27';'c:\program files (x86)\grass gis 7.0.1rc1\python27';'c:\program files (x86)\grass gis 7.0.1rc1\msys' pythonlib = 'c:\python27' pythonpath = 'c:\program files (x86)\grass gis 7.0.1rc1\etc\python' sys.path.append(os.path.join(os.environ['...
Read more

json - Gson().fromJson(jsonResult, Myobject.class) return values in 0's -

Image
i have json {"fechaupdateid":1,"fechasegundos":635902782941643690,"fechasegundosbc":635902779020935030} i execute command convert object fechaupdate dto = new gson().fromjson(json, fechaupdate.class); but got result this fechaupdate class public class fechaupdate { public int getfechaupdateid() { return fechaupdateid; } public void setfechaupdateid(int fechaupdateid) { this.fechaupdateid = fechaupdateid; } public long getfechasegundosbc() { return fechasegundosbc; } public void setfechasegundosbc(long fechasegundosbc) { this.fechasegundosbc = fechasegundosbc; } public long getfechasegundos() { return fechasegundos; } public void setfechasegundos(long fechasegundos) { this.fechasegundos = fechasegundos; } private int fechaupdateid ; private long fechasegundos ; private long fechasegundosbc; } solved ...
Read more