Как добавить карту Google в мобильное представление Dojox?

Question

Я не могу успешно добавить карту 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. Я также попытался установить для переменной карты значение node.innerHTML, но в верхней части области просмотра отображается только полоска карты.

Пример на сайте dojo показывает только источник разметки, а не сценарий. Что мне не хватает, пожалуйста?

Answer 1

Вот фрагменты 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');