Skip to content

F
FloodSimulation-Browser
Commit c2aef539 authored by Richard's avatar Richard
Browse files
Options

Worked on floodsimulation

parent 46aa5b8d
Show whitespace changes
Inline Side-by-side
Showing with 119 additions and 66 deletions
.gitignore 0 → 100644
View file @ c2aef539
www/sdk/*
www/sencha-touch-2.0.0-commercial/*
www/app.js
View file @ c2aef539
...@@ -6,8 +6,8 @@ Ext.Loader.setPath({ ...@@ -6,8 +6,8 @@ Ext.Loader.setPath({
Ext.application({ Ext.application({
controllers: ["Main"], controllers: ["Main"],
models: ["SimulationModel"], models: ["SimulationModel", 'SimulationDetails'],
stores: ['SimulationStore'], stores: ['SimulationStore', 'ImagesStore'],
name: 'app', name: 'app',
......
www/app/controller/Main.js
View file @ c2aef539
Ext.define('app.controller.Main', { Ext.define('app.controller.Main', {
extend: 'Ext.app.Controller', extend: 'Ext.app.Controller',
config: { config: {
refs: { refs: {
map: '#mapa', map: '#mapa',
...@@ -13,61 +12,29 @@ Ext.define('app.controller.Main', { ...@@ -13,61 +12,29 @@ Ext.define('app.controller.Main', {
}, },
'#mapa': { '#mapa': {
maprender: 'overlay' maprender: 'setMap'
} }
} }
}, },
overlay: function(extmap, map){ setMap: function(extmap, map){
console.log("allo");
this.globalMap = map; this.globalMap = map;
var pos = new google.maps.LatLng(52.3700,4.89000); this.getMapView().setGlobalMap(extmap, map);
console.log(map); var traffic = new google.maps.TrafficLayer();
new google.maps.Marker({ traffic.setMap(map);
position: pos,
icon: 'Google_Maps_Marker.png',
map: map,
title: 'YOO'
});
}, },
showOverlay: function(list, index, element, record) { showOverlay: function(list, index, element, record) {
var store = Ext.getStore('ImagesStore');
store.setUrl(record.get('area_id'));
store.load();
var bounds = record.get('visbounds'); var bounds = record.get('visbounds');
var center = record.get('center'); var center = record.get('center');
var corners = record.get('corners'); var corners = record.get('corners');
this.getMapView().setCenterMap(center);
var imageBounds = new google.maps.LatLngBounds( this.getMapView().createOverlayImage(bounds);
new google.maps.LatLng(bounds[2],bounds[3]), this.getMapView().createOverlayPolygon(corners);
new google.maps.LatLng(bounds[0],bounds[1]));
var cornerBounds = [
new google.maps.LatLng(corners[0][0],corners[0][1]),
new google.maps.LatLng(corners[1][0],corners[1][1]),
new google.maps.LatLng(corners[2][0],corners[2][1]),
new google.maps.LatLng(corners[3][0],corners[3][1])
];
new google.maps.GroundOverlay('floodmap1.jpg', imageBounds, {map: this.globalMap});
var rectangle = new google.maps.Polygon({
paths: cornerBounds,
strokeColor: "#FF0000",
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: "#FF0000",
fillOpacity: 0.35
});
rectangle.setMap(this.globalMap);
this.getMap().setMapCenter(
{latitude: center[0], longitude: center[1]}
);
this.getMap().setMapOptions({
zoom: 12,
});
}, },
}); });
\ No newline at end of file
www/app/model/SimulationDetails.js 0 → 100644
View file @ c2aef539
Ext.define('app.model.SimulationDetails', {
extend: 'Ext.data.Model',
config: {
fields: ['name', 'center', 'corners', 'size', 'extents', 'visbounds', 'vissize', 'projection', 'dikes'],
},
});
\ No newline at end of file
www/app/store/ImagesStore.js 0 → 100644
View file @ c2aef539
Ext.define('app.store.ImagesStore', {
extend: 'Ext.data.Store',
requires: ['Ext.data.proxy.Rest'],
xtype: 'ImagesStore',
config : {
model: 'app.model.SimulationDetails',
fields: ['name', 'corners', 'visbounds', 'area_id', 'center'],
proxy : {
type: 'rest',
url: 'http://sangkil.science.uva.nl:8003/area/',
reader: {
type: 'json',
},
}
},
setUrl: function(area_id) {
var store = Ext.getStore('ImagesStore').getProxy();
store._url = 'http://sangkil.science.uva.nl:8003/area/' + area_id + '/info.json';
}
});
\ No newline at end of file
www/app/store/SimulationStore.js
View file @ c2aef539
var simstore = Ext.define('app.store.SimulationStore', { Ext.define('app.store.SimulationStore', {
extend: 'Ext.data.Store', extend: 'Ext.data.Store',
requires: ['Ext.data.proxy.Rest'], requires: ['Ext.data.proxy.Rest'],
id: 'simulationList', id: 'simulationList',
......
www/app/view/List.js
View file @ c2aef539
...@@ -30,6 +30,7 @@ Ext.define("app.view.List", ...@@ -30,6 +30,7 @@ Ext.define("app.view.List",
}, },
{ {
xtype: 'list', xtype: 'list',
ui: 'round',
itemTpl: '<div>{name}</div>', itemTpl: '<div>{name}</div>',
store: 'SimulationStore', store: 'SimulationStore',
flex: 1 flex: 1
......
www/app/view/Map.js
View file @ c2aef539
...@@ -5,16 +5,70 @@ Ext.define('app.view.Map', { ...@@ -5,16 +5,70 @@ Ext.define('app.view.Map', {
config: { config: {
mapOptions : { mapOptions : {
zoom : 10, zoom : 12,
mapTypeId : google.maps.MapTypeId.ROADMAP, mapTypeId : google.maps.MapTypeId.ROADMAP,
navigationControl: true, navigationControl: true,
navigationControlOptions: { navigationControlOptions: {
style: google.maps.NavigationControlStyle.DEFAULT style: google.maps.NavigationControlStyle.DEFAULT
} }
}
}, },
},
setGlobalMap: function(extmap, map){
this.globalMap = map;
this.globalExtMap = extmap;
},
setCenterMap: function(center){
this.globalExtMap.setMapCenter({latitude: center[0], longitude: center[1]});
},
/*
* options - list of options, see doc google api
*/
alterMapOptions: function(options){
this.globalExtMap.setMapOptions(options);
},
createMarker: function(position){
var pos = new google.maps.LatLng(52.3700,4.89000);
new google.maps.Marker({
position: pos,
icon: 'Google_Maps_Marker.png',
map: this.globalMap,
title: 'you'
});
},
/*create overlay*/
createOverlayImage: function(bounds) {
var image = 'floodmap1.jpg';
var imageBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(bounds[2],bounds[3]),
new google.maps.LatLng(bounds[0],bounds[1]));
new google.maps.GroundOverlay(image, imageBounds, {map: this.globalMap});
},
createOverlayPolygon: function(corners){
var cornerBounds = [];
for (i in corners) {
console.log(corners[i][0], corners[i][1]);
cornerBounds.push(new google.maps.LatLng(corners[i][0], corners[i][1]));
}
new google.maps.LatLng(corners[1][0],corners[1][1]),
new google.maps.LatLng(corners[2][0],corners[2][1]),
new google.maps.LatLng(corners[3][0],corners[3][1])
var rectangle = new google.maps.Polygon({
paths: cornerBounds,
strokeColor: "#FF0000",
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: "#FF0000",
fillOpacity: 0.35
});
example: function() { rectangle.setMap(this.globalMap);
console.log("example function");
} }
}); });
\ No newline at end of file
www/build/native/My Application.app/webapp/app.js
View file @ c2aef539
This source diff could not be displayed because it is too large. You can view the blob instead.
www/build/package/app.js
View file @ c2aef539
This source diff could not be displayed because it is too large. You can view the blob instead.
www/packager.temp.json
View file @ c2aef539
{"applicationName":"My Application","applicationId":"com.mycompany.myAppID","versionString":"1.0","iconName":"resources/icons/Icon~ipad.png","inputPath":"/Users/Richard/Documents/UvA/floodsimulation/senchapp/www/build/package","outputPath":"/Users/Richard/Documents/UvA/floodsimulation/senchapp/www/build/native","configuration":"Debug","platform":"iOSSimulator","deviceType":"iPad","certificatePath":"/path/to/certificate.file","certificateAlias":"","sdkPath":"/path/to/android-sdk","androidAPILevel":"15","orientations":["portrait","landscapeLeft","landscapeRight","portraitUpsideDown"]} {"applicationName":"My Application","applicationId":"com.mycompany.myAppID","versionString":"1.0","iconName":"resources/icons/Icon~ipad.png","inputPath":"/Users/Richard/Documents/UvA/floodsimulation/FloodSimulation-Browser/www/build/package","outputPath":"/Users/Richard/Documents/UvA/floodsimulation/FloodSimulation-Browser/www/build/native","configuration":"Debug","platform":"iOSSimulator","deviceType":"iPad","certificatePath":"/path/to/certificate.file","certificateAlias":"","sdkPath":"/path/to/android-sdk","androidAPILevel":"15","orientations":["portrait","landscapeLeft","landscapeRight","portraitUpsideDown"]}
\ No newline at end of file \ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment