Google maps Sencha Touch-在Maprender后向贴图添加标记
Google maps Sencha Touch-在Maprender后向贴图添加标记,google-maps,sencha-touch,google-maps-markers,Google Maps,Sencha Touch,Google Maps Markers,在我从ajax请求加载一些json数据之后,我想在SenchaTouch中将标记加载到我的地图中。问题是,我不知道在触发maprender事件后如何实现这一点。 我有这个: 我的地图视图: app.views.MapTab = Ext.extend(Ext.Panel, { iconCls: 'map', id: 'map', items: [{ xtype: 'map', id: 'mapa', mapOptions :
在我从ajax请求加载一些json数据之后,我想在SenchaTouch中将标记加载到我的地图中。问题是,我不知道在触发maprender事件后如何实现这一点。 我有这个: 我的地图视图:
app.views.MapTab = Ext.extend(Ext.Panel, {
iconCls: 'map',
id: 'map',
items: [{
xtype: 'map',
id: 'mapa',
mapOptions : {
center : new google.maps.LatLng(50.077721, 14.448585),
zoom : 12,
mapTypeId : google.maps.MapTypeId.ROADMAP,
navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.DEFAULT
}
},
listeners : {
'maprender' : function(comp, map){
Ext.dispatch({
controller: app.controllers.map,
action: 'map_rendered',
map: map
});
}
}
}],
initComponent: function() {
app.views.MapTab.superclass.initComponent.apply(this, arguments);
}
});
要加载json的存储:
app.stores.results = new Ext.data.Store({
model: "app.models.Results",
proxy: {
type: 'ajax',
url: 'http://app.cz/json_list2.php?a=l&zp=1&u=vinohrady-praha&c0=500000&c1=6000000&p0=10&p1=120&cm20=1000&cm21=120000&pg=0&s=Datumu&t=byt&age=30&pod=0&lat=50.075401&lng=14.458344&pp=prodej&tp0=0&tp1=12',
reader: {
type: 'json',
root: 'markers'
}
},
listeners: {
'load': function (t, r, s) {
Ext.dispatch({
controller: app.controllers.map,
action: 'loaded',
records: r
});
}
}
});
控制器
app.controllers.map = new Ext.Controller({
loaded: function(options) {
for(var i = 0; i < options.records.length; i++){
var marker = new google.maps.Marker({
position: new google.maps.LatLng(options.records[i].get('lat'), options.records[i].get('lng')),
map: app.views.mapTab.getComponent('mapa')
});
}
// need to rerender/refresh the map here
},
map_rendered: function(options) {
console.log("map rendered");
}
});
app.controllers.map=新的外部控制器({
已加载:功能(选项){
对于(var i=0;i
您的代码应该可以工作,但您正在将标记附加到Sencha Touch Map组件,而不是底层的Google Maps Map,后者可以通过“Map”属性访问
...
var marker = new google.maps.Marker({
position: new google.maps.LatLng(options.records[i].get('lat'), options.records[i].get('lng')),
**map: app.views.mapTab.getComponent('mapa').map**
});
...
地图不需要手动重新渲染,只需在使用地图配置绑定它们时添加它们即可。没问题,很高兴它能帮上忙!:)谢谢你的问题对我帮助很大