Getting current location on a map using Meteor

Question

Hey I am using the two packages dburles:maps and mdg:geolocation and my goal is to plot the current location on a map. This is my current JS code which display's a map, but I am not sure how to proceed with it.

map.js EDITED

Meteor.startup(function() {
 GoogleMaps.load();
});

Template.map.helpers({
  mapOptions: function() {
    if (GoogleMaps.loaded()) {
      return {
        center: new google.maps.LatLng(current),
        zoom: 8
      };
    }
  }
});

Template.map.onCreated(function() {
  GoogleMaps.ready('map', function(map) {

    if (navigator.geolocation) {
      // Support
      navigator.geolocation.getCurrentPosition(function(position) {
        var current = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
      });
      map.setCenter(current);
    } else {
      // No support
      console.log("Something is wrong!")
    }

  })
})

I think I am supposed to add something in the if(navigator.geolocation and then place the value in the center: new google.maps.LatLng(), but not sure. Any ideas?

Does this help? http://stackoverflow.com/questions/16906585/how-to-get-the-coordinates-of-the-blue-dot-in-android-maps-v2/16908863#16908863 — bigC5012, Jul 01 '15 at 19:04
Nope, I am not making it for an android platform, but a web app. — Julian Samarjiev, Jul 01 '15 at 19:27

score 1 · Answer 1 · answered Mar 20 '16 at 01:49

Meteor.startup(function() {
    GoogleMaps.load({v: '3', key: 'yourKey'});  
});

var latLng;

Template.map.onCreated(function() {
  GoogleMaps.ready('map', function(map) {
  });
});

Template.map.helpers({
  mapOptions: function() {
    if (GoogleMaps.loaded()) {
        latLng = Geolocation.latLng();
        console.log('location ' + latLng.lat + ' ' + latLng.lng);
        return {
            center: new google.maps.LatLng(latLng.lat, latLng.lng),
            zoom: 14
        };
    }
  }
});

score 0 · Answer 2 · answered Jul 01 '15 at 20:17

0

You're on the right track. Have you seen Google's Geolocation example?

answered Jul 01 '15 at 20:17

Bennett Elder

118
1
8

I have been looking at it for some time now, but I get confused because there are some things that get defined in different order given the maps package, I made an update to my code, that is somewhere in the ballpark, but not quite there yet. – Julian Samarjiev Jul 01 '15 at 20:33

Getting current location on a map using Meteor

2 Answers2