2016-08-23 135 views
0

我想要在google地圖上找到健身房,atm附近的地方。爲此,我使用了dburles:google-maps包。我按照Google Maps API的說明做了以下操作。生成地圖,並顯示中心標記,但我無法生成地點標記。任何人都可以指出我做錯了什麼?查看附近的地圖谷歌地圖在流星的地方

這是JS代碼。

Template.map.helpers({ 
    exampleMapOptions: function() { 
     // Make sure the 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 and move the 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 the marker doesn't yet exist, create it. 
      if (! marker) { 
       marker = new google.maps.Marker({ 
        position: new google.maps.LatLng(lat, lng), 
        map: map.instance 
       }); 
      } 
      // The marker already exists, so we'll just change its position. 
      else { 
       marker.setPosition([lat,lng]); 
      } 

      // Center and zoom the map view onto the 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) { 
       for (var i = 0; i < results.length; i++) { 
        var place = results[i]; 
        createMarker(results[i]); 
       } 
      } 
     } 

     }); 
    }); 
}); 

回答

0

在地方搜索與map.instance更換map解決的問題。