我无法将Google地图成功添加到我的dojo移动应用程序中。
我在标记中有以下元素:
<div id="venue" dojotype="dojox.mobile.View" style="height:100%">
<div id="map_canvas" style="width:100%; height:100%"></div>
</div>
这个脚本:
function initializeMap() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var node = dojo.byId("map_canvas");
var map = new google.maps.Map(node, myOptions);
}
执行initializeMap函数时没有出现任何内容。我还尝试将map变量设置为node.innerHTML,但只有一小部分地图出现在视口的顶部。
dojo站点中的示例仅显示标记的来源,而不是脚本。我想念的是什么?
答案 0 :(得分:0)
这是HTML / Javascript的片段,我能够开始工作。
细节var latlng = new google.maps.LatLng(item.Latitude, item.Longitude);
if (global.map == null) {
var myOptions = {
zoom: 16,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
global.map = new google.maps.Map(dojo.byId('map_canvas'), myOptions);
} else {
global.map.setCenter(latlng);
}
var view = dijit.byId('ObjectsListView');
view.performTransition('ObjectDetailView', 1, 'slide');