0
私はExt.jsの使い方を学んでいるので、本当に初心者です。GMapPanelがマーカーを表示しない
Google Maps APIを使用して地図を作成しましたが、特定の場所にマーカーを追加しようとしていますが、マーカーが表示されず、コンソールにエラーが表示されません。マップ自体を見て、私はここで何が間違っているのか知りたいです。
マイコード:
Ext.onReady(function() {
var w = Ext.create('Ext.window.Window', {
height: 400,
width: 600,
layout: 'fit',
header: false,
border: false,
style: 'padding: 0; border-width: 0;',
closable: false,
draggable: false,
height: Ext.getBody().getViewSize().height,
width: Ext.getBody().getViewSize().width,
items: [{
xtype: 'gmappanel',
region: 'center',
cls: 'reset-box-sizing',
center: new google.maps.LatLng(53.419824, -3.0509294),
mapOptions: {
zoom: 16,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
}]
});
var options = {
lat: 53.419824,
lng: -3.0509294,
marker: {
title: "Hello World!"
},
listeners: {
click: function (e) {
}
}
};
addLocation(options);
function addLocation(options) {
var gm = w.down('gmappanel');
var mpoint = new google.maps.LatLng(options.lat, options.lng);
var marker = gm.addMarker(mpoint, options.marker, false, false, options.listeners);
var infowindow = new google.maps.InfoWindow({
content: "Some label"
});
google.maps.event.addListener(marker, 'click', function (gm, marker) {
infowindow.open(gm, marker); // if still you can not open than use infowindow.open(gm, this)
});
}
w.show();
});
はありがとうございました。