forked from GNUsocial/gnu-social
first pass at Mapstraction plugin
This commit is contained in:
Evan Prodromou
402
plugins/Mapstraction/js/mxn.microsoft.core.js
Normal file
402
plugins/Mapstraction/js/mxn.microsoft.core.js
Normal file
@@ -0,0 +1,402 @@
|
||||
mxn.register('microsoft', {
|
||||
|
||||
Mapstraction: {
|
||||
|
||||
init: function(element, api) {
|
||||
var me = this;
|
||||
if (VEMap){
|
||||
this.maps[api] = new VEMap(element.id);
|
||||
|
||||
|
||||
|
||||
this.maps[api].AttachEvent('onclick', function(event){
|
||||
me.clickHandler();
|
||||
var x = event.mapX;
|
||||
var y = event.mapY;
|
||||
var pixel = new VEPixel(x,y);
|
||||
me.click.fire({'location': new mxn.LatLonPoint(pixel.Latitude, pixel.Longitude)});
|
||||
|
||||
|
||||
});
|
||||
this.maps[api].AttachEvent('onendzoom', function(event){
|
||||
me.moveendHandler(me);
|
||||
me.changeZoom.fire();
|
||||
|
||||
|
||||
});
|
||||
this.maps[api].AttachEvent('onendpan', function(event){
|
||||
me.moveendHandler(me);
|
||||
me.endPan.fire();
|
||||
|
||||
|
||||
});
|
||||
this.maps[api].AttachEvent('onchangeview', function(event){
|
||||
me.endPan.fire();
|
||||
|
||||
|
||||
});
|
||||
this.maps[api].LoadMap();
|
||||
document.getElementById("MSVE_obliqueNotification").style.visibility = "hidden";
|
||||
|
||||
//removes the bird's eye pop-up
|
||||
this.loaded[api] = true;
|
||||
me.load.fire();
|
||||
}
|
||||
else{
|
||||
alert(api + ' map script not imported')
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
applyOptions: function(){
|
||||
var map = this.maps[this.api];
|
||||
if(this.options.enableScrollWheelZoom){
|
||||
map.enableContinuousZoom();
|
||||
map.enableScrollWheelZoom();
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
resizeTo: function(width, height){
|
||||
this.maps[this.api].Resize(width, height);
|
||||
},
|
||||
|
||||
addControls: function( args ) {
|
||||
var map = this.maps[this.api];
|
||||
|
||||
if (args.pan) {
|
||||
map.SetDashboardSize(VEDashboardSize.Normal);
|
||||
}
|
||||
else {
|
||||
map.SetDashboardSize(VEDashboardSize.Tiny)
|
||||
}
|
||||
|
||||
if (args.zoom == 'large') {
|
||||
map.SetDashboardSize(VEDashboardSize.Small)
|
||||
}
|
||||
else if ( args.zoom == 'small' ) {
|
||||
map.SetDashboardSize(VEDashboardSize.Tiny)
|
||||
}
|
||||
else {
|
||||
map.HideDashboard();
|
||||
map.HideScalebar();
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
|
||||
addSmallControls: function() {
|
||||
var map = this.maps[this.api];
|
||||
map.SetDashboardSize(VEDashboardSize.Tiny);
|
||||
|
||||
},
|
||||
|
||||
addLargeControls: function() {
|
||||
var map = this.maps[this.api];
|
||||
map.SetDashboardSize(VEDashboardSize.Normal);
|
||||
this.addControlsArgs.pan=true;
|
||||
this.addControlsArgs.zoom = 'large';
|
||||
},
|
||||
|
||||
addMapTypeControls: function() {
|
||||
var map = this.maps[this.api];
|
||||
map.addTypeControl();
|
||||
|
||||
},
|
||||
|
||||
dragging: function(on) {
|
||||
var map = this.maps[this.api];
|
||||
if(on){
|
||||
map.enableDragMap();
|
||||
}
|
||||
else{
|
||||
map.disableDragMap();
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
setCenterAndZoom: function(point, zoom) {
|
||||
var map = this.maps[this.api];
|
||||
var pt = point.toProprietary(this.api);
|
||||
var vzoom = zoom;
|
||||
map.SetCenterAndZoom(new VELatLong(point.lat,point.lon), vzoom)
|
||||
|
||||
},
|
||||
|
||||
addMarker: function(marker, old) {
|
||||
var map = this.maps[this.api];
|
||||
marker.pinID = "mspin-"+new Date().getTime()+'-'+(Math.floor(Math.random()*Math.pow(2,16)));
|
||||
var pin = marker.toProprietary(this.api);
|
||||
map.AddShape(pin);
|
||||
//give onclick event
|
||||
//give on double click event
|
||||
//give on close window
|
||||
//return the marker
|
||||
|
||||
|
||||
return pin;
|
||||
},
|
||||
|
||||
removeMarker: function(marker) {
|
||||
var map = this.maps[this.api];
|
||||
var id = marker.proprietary_marker.GetID();
|
||||
var microsoftShape = map.GetShapeByID(id);
|
||||
map.DeleteShape(microsoftShape);
|
||||
},
|
||||
|
||||
removeAllMarkers: function() {
|
||||
var map = this.maps[this.api];
|
||||
|
||||
// TODO: Add provider code
|
||||
},
|
||||
|
||||
declutterMarkers: function(opts) {
|
||||
var map = this.maps[this.api];
|
||||
|
||||
// TODO: Add provider code
|
||||
},
|
||||
|
||||
addPolyline: function(polyline, old) {
|
||||
var map = this.maps[this.api];
|
||||
var pl = polyline.toProprietary(this.api);
|
||||
pl.HideIcon();//hide the icon VE automatically displays
|
||||
map.AddShape(pl);
|
||||
|
||||
return pl;
|
||||
},
|
||||
|
||||
removePolyline: function(polyline) {
|
||||
var map = this.maps[this.api];
|
||||
var id = polyline.proprietary_polyline.GetID();
|
||||
var microsoftShape = map.GetShapeByID(id);
|
||||
map.DeleteShape(microsoftShape);
|
||||
},
|
||||
|
||||
getCenter: function() {
|
||||
var map = this.maps[this.api];
|
||||
var LL = map.GetCenter();
|
||||
var point = new mxn.LatLonPoint(LL.Latitude, LL.Longitude);
|
||||
return point;
|
||||
|
||||
},
|
||||
|
||||
setCenter: function(point, options) {
|
||||
var map = this.maps[this.api];
|
||||
var pt = point.toProprietary(this.api);
|
||||
map.SetCenter(new VELatLong(point.lat, point.lon));
|
||||
|
||||
|
||||
},
|
||||
|
||||
setZoom: function(zoom) {
|
||||
var map = this.maps[this.api];
|
||||
map.SetZoomLevel(zoom);
|
||||
|
||||
|
||||
},
|
||||
|
||||
getZoom: function() {
|
||||
var map = this.maps[this.api];
|
||||
var zoom = map.GetZoomLevel();
|
||||
|
||||
return zoom;
|
||||
},
|
||||
|
||||
getZoomLevelForBoundingBox: function( bbox ) {
|
||||
var map = this.maps[this.api];
|
||||
// NE and SW points from the bounding box.
|
||||
var ne = bbox.getNorthEast();
|
||||
var sw = bbox.getSouthWest();
|
||||
var zoom;
|
||||
|
||||
// TODO: Add provider code
|
||||
|
||||
return zoom;
|
||||
},
|
||||
|
||||
setMapType: function(type) {
|
||||
var map = this.maps[this.api];
|
||||
switch(type) {
|
||||
case mxn.Mapstraction.ROAD:
|
||||
map.SetMapStyle(VEMapStyle.Road);
|
||||
break;
|
||||
case mxn.Mapstraction.SATELLITE:
|
||||
map.SetMapStyle(VEMapStyle.Aerial);
|
||||
break;
|
||||
case mxn.Mapstraction.HYBRID:
|
||||
map.SetMapStyle(VEMapStyle.Hybrid);
|
||||
break;
|
||||
default:
|
||||
map.SetMapStyle(VEMapStyle.Road);
|
||||
}
|
||||
},
|
||||
|
||||
getMapType: function() {
|
||||
var map = this.maps[this.api];
|
||||
var mode = map.GetMapStyle();
|
||||
switch(mode){
|
||||
case VEMapStyle.Aerial:
|
||||
return mxn.Mapstraction.SATELLITE;
|
||||
case VEMapStyle.Road:
|
||||
return mxn.Mapstraction.ROAD;
|
||||
case VEMapStyle.Hybrid:
|
||||
return mxn.Mapstraction.HYBRID;
|
||||
default:
|
||||
return null;
|
||||
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
|
||||
getBounds: function () {
|
||||
var map = this.maps[this.api];
|
||||
view = map.GetMapView();
|
||||
var topleft = view.TopLeftLatLong;
|
||||
var bottomright = view.BottomRightLatLong;
|
||||
|
||||
return new mxn.BoundingBox(bottomright.Latitude,topleft.Longitude,topleft.Latitude, bottomright.Longitude );
|
||||
},
|
||||
|
||||
setBounds: function(bounds){
|
||||
var map = this.maps[this.api];
|
||||
var sw = bounds.getSouthWest();
|
||||
var ne = bounds.getNorthEast();
|
||||
|
||||
var rec = new VELatLongRectangle(new VELatLong(ne.lat, ne.lon), new VELatLong(sw.lat, sw.lon));
|
||||
map.SetMapView(rec);
|
||||
|
||||
|
||||
|
||||
},
|
||||
|
||||
addImageOverlay: function(id, src, opacity, west, south, east, north, oContext) {
|
||||
var map = this.maps[this.api];
|
||||
|
||||
// TODO: Add provider code
|
||||
},
|
||||
|
||||
setImagePosition: function(id, oContext) {
|
||||
var map = this.maps[this.api];
|
||||
var topLeftPoint; var bottomRightPoint;
|
||||
|
||||
// TODO: Add provider code
|
||||
|
||||
// oContext.pixels.top = ...;
|
||||
// oContext.pixels.left = ...;
|
||||
// oContext.pixels.bottom = ...;
|
||||
// oContext.pixels.right = ...;
|
||||
},
|
||||
|
||||
addOverlay: function(url, autoCenterAndZoom) {
|
||||
var map = this.maps[this.api];
|
||||
var layer = new VEShapeLayer();
|
||||
var mlayerspec = new VEShapeSourceSpecification(VEDataType.GeoRSS, url, layer);
|
||||
map.AddShapeLayer(layer);
|
||||
|
||||
|
||||
|
||||
},
|
||||
|
||||
addTileLayer: function(tile_url, opacity, copyright_text, min_zoom, max_zoom) {
|
||||
throw 'Not implemented';
|
||||
},
|
||||
|
||||
toggleTileLayer: function(tile_url) {
|
||||
throw 'Not implemented';
|
||||
},
|
||||
|
||||
getPixelRatio: function() {
|
||||
throw 'Not implemented';
|
||||
},
|
||||
|
||||
mousePosition: function(element) {
|
||||
var locDisp = document.getElementById(element);
|
||||
if (locDisp != null) {
|
||||
var map = this.maps[this.api];
|
||||
map.AttachEvent("onmousemove", function(veEvent){
|
||||
var latlon = map.PixelToLatLong(new VEPixel(veEvent.mapX, veEvent.mapY));
|
||||
var loc = latlon.Latitude.toFixed(4) + " / " + latlon.Longitude.toFixed(4);
|
||||
locDisp.innerHTML = loc;
|
||||
|
||||
});
|
||||
locDisp.innerHTML = "0.0000 / 0.0000";
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
LatLonPoint: {
|
||||
|
||||
toProprietary: function() {
|
||||
return new VELatLong(this.lat, this.lon);
|
||||
},
|
||||
|
||||
fromProprietary: function(mpoint) {
|
||||
this.lat =mpoint.Latitude;
|
||||
this.lon =mpoint.Longitude;
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
Marker: {
|
||||
|
||||
toProprietary: function() {
|
||||
var mmarker = new VEShape(VEShapeType.Pushpin, this.location.toProprietary('microsoft'));
|
||||
|
||||
|
||||
return mmarker;
|
||||
|
||||
},
|
||||
|
||||
openBubble: function() {
|
||||
var mmarker = this.proprietary_marker;
|
||||
map.ClearInfoBoxStyles();
|
||||
mmarker.SetTitle(this.infoBubble);
|
||||
},
|
||||
|
||||
hide: function() {
|
||||
this.proprietary_marker.hide();
|
||||
},
|
||||
|
||||
show: function() {
|
||||
this.proprietary_marker_unhide();
|
||||
},
|
||||
|
||||
update: function() {
|
||||
throw 'Not implemented';
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
Polyline: {
|
||||
|
||||
toProprietary: function() {
|
||||
var mpoints =[];
|
||||
for(var i =0, length = this.points.length; i < length; i++)
|
||||
{
|
||||
mpoints.push(this.points[i].toProprietary('microsoft'));
|
||||
}
|
||||
var mpolyline = new VEShape(VEShapeType.Polyline, mpoints);
|
||||
if(this.color){
|
||||
var color = new mxn.util.Color(this.color);
|
||||
var opacity = (typeof(this.opacity) == 'undefined' || this.opacity === null) ? 1.0 : this.opacity;
|
||||
var vecolor = new VEColor(color.red, color.green, color.blue, opacity);
|
||||
mpolyline.SetLineColor(vecolor);
|
||||
}
|
||||
// TODO ability to change line width
|
||||
return mpolyline;
|
||||
},
|
||||
|
||||
show: function() {
|
||||
this.proprietary_polyline.Show();
|
||||
},
|
||||
|
||||
hide: function() {
|
||||
this.proprietary_polyline.Hide();
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user