Javascript Meteor实现谷歌地图和谷歌地点
我正在尝试在我的Meteor应用程序上实现一个谷歌地图,它将获取用户的位置,然后在用户附近找到提供食物的地方。我从实现 由谷歌提供,我这样做的时候效果很好;然而,我正试图通过将它添加到实际的Javascript文件中来正确地实现它,现在它给了我一个“Google是未定义的”错误Javascript Meteor实现谷歌地图和谷歌地点,javascript,google-maps,meteor,google-places,Javascript,Google Maps,Meteor,Google Places,我正在尝试在我的Meteor应用程序上实现一个谷歌地图,它将获取用户的位置,然后在用户附近找到提供食物的地方。我从实现 由谷歌提供,我这样做的时候效果很好;然而,我正试图通过将它添加到实际的Javascript文件中来正确地实现它,现在它给了我一个“Google是未定义的”错误 menuList=newmongo.Collection('items'); if(Meteor.isClient){ var-pls; var映射; var信息窗口; Meteor.startup(函数(){ //在
menuList=newmongo.Collection('items');
if(Meteor.isClient){
var-pls;
var映射;
var信息窗口;
Meteor.startup(函数(){
//在控制台中获取用户位置和返回位置
变量选项={
EnableHighAccurance:正确,
超时:5000,
最大值:0
};
功能成功(pos){
var crd=位置坐标;
log('您当前的位置是:');
console.log('Latitude:'+crd.Latitude);
console.log('Longitude:'+crd.Longitude);
console.log(‘或多或少’+crd.Accurance+‘米’);
pls={lat:crd.纬度,lng:crd.经度};
};
函数错误(err){
console.warn('ERROR('+err.code+'):'+err.message);
};
navigator.geolocation.getCurrentPosition(成功、错误、选项);
})
流星法({
回调:函数(结果、状态){
if(status==google.maps.places.PlacesServiceStatus.OK){
对于(var i=0;i
地点搜索
html,正文{
身高:100%;
保证金:0;
填充:0;
}
#地图{
身高:100%;
}
{{>searchIt}
{{initMap}}
您应该试试dburles:google地图包
以下是作者编写的示例:
玩得开心 我不得不将上面的代码放在一个
GoogleMaps.ready('map',callback)
块中。或者在if(GoogleMaps.loaded()){}
块的内部
例如。。这很好:
警告:我使用的是雷达搜索,但概念是一样的
Template.galleryCard.onRendered(function() {
GoogleMaps.ready('minimap', function(map) {
const params = {
map: map,
name: 'The Spice Suite',
loc: {lat: 38.9738619, lng: -77.01829699999999},
};
const service = new google.maps.places.PlacesService(params.map.instance);
let request2 = {
//name & location & radius (meters).
name: params.name,
location: params.loc,
radius: 100,
};
let callback = function(results,status) {
if (status === google.maps.places.PlacesServiceStatus.OK) {
console.log(results[0]);
return results[0].place_id;
} else {
console.log(status);
}
};
service.radarSearch(request2,callback);
});
});
实际上我已经安装了那个软件包!我遵循了那个教程,它对地理定位很有效,但我无法让它返回附近的食物场所。