Googleマップをdojoxモバイルビューに追加するにはどうすればよいですか？

Question

dojoモバイルアプリケーションにGoogleマップを正常に追加できません。

私はマークアップで次の要素があります。

<div id="venue" dojotype="dojox.mobile.View" style="height:100%"> 
     <div id="map_canvas" style="width:100%; height:100%"></div> 
</div> 

そして、このスクリプトを：私はinitializeMap機能を実行すると

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); 
} 

何も表示されません。マップ変数を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');