[英]Google Maps v3 with MeteorJS loading sync issue
我的应用程序在MeteorJS框架上运行,并使用Google Maps(javascript api v3)。 谷歌地图加载方案类似于在此说明一个职位 ,而这是相当类似的官方教程 。 但是有时在加载应用程序时会引发重复的异常:
未捕获的TypeError:无法读取null的属性“ lat”
下面的代码导致了它(不幸的是,缩小了):
function $H(a, b, c, d) {
var e = c[B], f = new jB(d);
f[p]("title", e);
b[p]("draggableCursor", e, "cursor");
var g = e.Nb;
Q("click dblclick rightclick mouseover mouseout mousemove mousedown mouseup".split(" "), function(d) {
S[z](b, d, function(e, q, s) {
var v = a[Wp](e, !0);
e = new U(v.lat(), v.lng()); //here, v is probably null
})
})
}
我非常确定这是加载同步问题:a)应用运行正常,并且仅在加载的最初几秒钟就引发了错误。 b)这种情况在生产中经常发生,因此加载时间自然会更长。
附言:如果有帮助,我可以链接到我的应用程序。
这就是我处理应用程序中google-maps v3
加载的方式,基本上它涉及到在确定脚本已加载后,在设置为true的GoogleMaps
对象上声明反应式ready
方法。
client/lib/google-maps.js :
GoogleMaps={
// public methods
config:function(options){
_.extend(this,options);
},
ready:function(){
this._loadingDependency.depend();
return this._ready;
},
// private methods
_loaded:function(){
this._ready=true;
this._loadingDependency.changed();
},
// public members
apiKey:"",
// private members
_ready:false,
_loadingDependency:new Deps.Dependency()
};
_googleMapsLoaded=function(){
GoogleMaps._loaded();
};
Meteor.startup(function(){
if(!GoogleMaps.apiKey){
throw new Meteor.Error(-1,"API key not set, use GoogleMaps.config({apiKey:YOUR_API_KEY});");
}
$.getScript("https://maps.googleapis.com/maps/api/js?key="+GoogleMaps.apiKey+"&callback=_googleMapsLoaded");
});
现在,我们可以在GoogleMapsView
模板rendered
回调中使用ready
方法:
client/views/google-maps-view/google-maps-view.js :
<template name="GoogleMapsView">
<div class="google-maps-view"></div>
</template>
Template.GoogleMapsView.rendered=function(){
this.autorun(_.bind(function(){
if(GoogleMaps.ready()){
this.mapOptions={
center:new google.maps.LatLng(48.8582,2.2945),
zoom:15
};
this.map=new google.maps.Map(this.find(".google-maps-view"),this.mapOptions);
}
},this));
};
好吧,加载错误的原因在于初始化函数。 该函数创建了没有地图选项的地图,并且当与Meteor服务器端建立连接时,地图选项已添加到地图中。 在地图创建和选项设置之间的这段时间间隔内,出现了错误。 课程是:在同一代码段中向创建的地图添加选项。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.