<body class="easyui-layout">
<div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div>
<div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div>
<div data-options="region:'east',title:'East',split:true" style="width:100px;"></div>
<div data-options="region:'west',title:'West',split:true" style="width:100px;"></div>
<div id='map_canvas' data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>
</body>
M.init_map = function() {
var mapOptions = {
zoom: 5,
center: new google.maps.LatLng(-0.789275, 113.921327),
panControl: true,
zoomControl: true,
scaleControl: true,
streetViewControl: false,
overviewMapControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID, 'Bing Street', 'Bing Hybrid', 'Nokia Street']
}
};
M.geocoder = new google.maps.Geocoder();
M.map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
M.map.mapTypes.set('Bing Street', bingMapType);
M.map.mapTypes.set('Bing Hybrid', bingMapHybridType);
M.map.mapTypes.set('Nokia Street', nokiaMapType);
};
