App.MapView = App.ChartView.extend({
data: undefined,
dataLoaded: NO,
markersArray: undefined,
finishloadingdata: function (rawdata) {
var latitude, longitude;
var array = new Array();
$(rawdata).find("Book").each(function () {
$(this).find("Location");
latitude = $(this).find("Latitude").text();
longitude = $(this).find("Longitude").text();
array.push(new Array(latitude, longitude));
});
this.set('markersArray', array);
this.set('data', rawdata);
this.set('dataLoaded', YES);
},
optionsView: SC.View.extend({
layout: {
left: 0,
top: 0,
right: 0,
bottom: 50
},
map: null,
center: new google.maps.LatLng(46.48, 7.9),
zoom: 14,
array: this.get('markersArray'),
didCreateMap: null,
render: function (ctx, first) {
if (first) {
ctx.push('<div style="position:absolute;top:0;left:0;right:0;bottom:0;"></div>');
}
},
didCreateLayer: function () {
this.invokeLast('_createMap');
},
_createMap: function () {
if (this._map) {
google.maps.event.trigger(this._map, 'resize');
} else {
var center = this.get('center');
var opts = {
zoom: this.get('zoom'),
center: center,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var div = this.$('div')[0];
var map = new google.maps.Map(div, opts);
this._map = map;
this.set('map', map);
//i want to make an array of markers
if (this.didCreateMap) this.didCreateMap(map);
var marker = new google.maps.Marker({
position: new google.maps.LatLng(46.48, 7.9),
map: map
});
}
}
MapView 是扩展 ChartView 的视图,我正在覆盖 optionsView 以使其显示谷歌地图。它工作得很好,我只想用从 xml 文件中检索到的坐标在该地图上放置标记。我得到数组就好了。我的问题是,当我想为 optionsView 提供该数组的值时,它给了我错误: Object [object Window] has no method 'get'。
如何为 optionsView 的数组属性提供标记数组的值,以便我可以使用它将标记放在我的地图上。
非常感谢!!