Changeset 7710 for trunk/src/map

Timestamp:

Apr 9, 2010, 6:00:55 PM (15 years ago)

Author:

bvdvelde

Message:

Nu met een cirkel + doorzichte opvulling - voorbeeld was direct gekopieerd, moet het nog héél goed bekijken op functie & copyrights.

File:

• trunk/src/map/inc/overlay.js (modified) (1 diff)

trunk/src/map/inc/overlay.js

@@ -6 +6 @@
 var lonOffset;
 var polygon;
+var pos;
+var point;
 
-        /*function nodeAdd() {
+/*
+        function nodeAdd() {
           if (GBrowserIsCompatible()) {
         map = new GMap2(document.getElementById("mapcanvas"));
         map.setCenter(new GLatLng(52.162687, 4.493294), 12); 
         map.setUIToDefault();
-                
+
                 marker = new GMarker(map.getCenter());
                 GEvent.addListener(marker, "click", function () {
                         marker.openInfoWindowHtml("Test, Test, You suck! Eindelijk, het werkt!!!!");
                         });
+
+
+                
+
+      GPolygon.Shape = function(point,r1,r2,r3,r4,rotation,vertexCount,  strokeColour,strokeWeight,Strokepacity,fillColour,fillOpacity,opts,tilt) {
+        var rot = -rotation*Math.PI/180;
+        var points = [];
+        var latConv = point.distanceFrom(new GLatLng(point.lat()+0.1,point.lng()))*10;
+        var lngConv = point.distanceFrom(new GLatLng(point.lat(),point.lng()+0.1))*10;
+        var step = (360/vertexCount)||10;
+        
+        var flop = -1;
+        if (tilt) {
+          var I1=180/vertexCount;
+        } else {
+          var  I1=0;
+        }
+        for(var i=I1; i<=360.001+I1; i+=step) {
+          var r1a = flop?r1:r3;
+          var r2a = flop?r2:r4;
+          flop = -1-flop;
+          var y = r1a * Math.cos(i * Math.PI/180);
+          var x = r2a * Math.sin(i * Math.PI/180);
+          var lng = (x*Math.cos(rot)-y*Math.sin(rot))/lngConv;
+          var lat = (y*Math.cos(rot)+x*Math.sin(rot))/latConv;
+
+          points.push(new GLatLng(point.lat()+lat,point.lng()+lng));
+        }
+        return (new GPolygon(points,strokeColour,strokeWeight,Strokepacity,fillColour,fillOpacity,opts))
+      }
+
+      GPolygon.Circle = function(point,radius,strokeColour,strokeWeight,Strokepacity,fillColour,fillOpacity,opts) {
+        return GPolygon.Shape(point,radius,radius,radius,radius,0,100,strokeColour,strokeWeight,Strokepacity,fillColour,fillOpacity,opts)
+      }
+          
+          //   http://econym.org.uk/gmap/eshapes.htm voorbeeld.
+                var point = new GLatLng(52.162687, 4.493294);
+      map.addOverlay(GPolygon.Circle(point,500,"#000000",1,1,"#00ff00",0.5));
                         map.addOverlay(marker);
-                        
-                 GEvent.addListener(map, "click", function(overlay,latlng) {
-          lat = latlng.lat();
-          lon = latlng.lng();
-          latOffset = 0.01;
-          lonOffset = 0.01;
-          polygon = new GPolygon([
-            new GLatLng(lat, lon - lonOffset),
-            new GLatLng(lat + latOffset, lon),
-            new GLatLng(lat, lon + lonOffset),
-            new GLatLng(lat - latOffset, lon),
-            new GLatLng(lat, lon - lonOffset)
-                  ], "#f33f00", 5, 1, "#ff0000", 0.2);
-                  map.addOverlay(polygon);
-        });*/
-                
                 
           }
         }
         
+        */
+        
+        
+        
+        
+