diff --git a/frontend-js/src/main/js/map/canvas/GoogleMaps/GoogleMapsApiRectangle.js b/frontend-js/src/main/js/map/canvas/GoogleMaps/GoogleMapsApiRectangle.js index ba6b277e1e65025ff55d03b89973076a4f20a004..97ac9369942a054c256d233fc99e2d10c6ee237a 100644 --- a/frontend-js/src/main/js/map/canvas/GoogleMaps/GoogleMapsApiRectangle.js +++ b/frontend-js/src/main/js/map/canvas/GoogleMaps/GoogleMapsApiRectangle.js @@ -23,6 +23,8 @@ var logger = require('../../../logger'); function GoogleMapsApiRectangle(options) { Rectangle.call(this, options); + var self = this; + var bounds = new google.maps.LatLngBounds(); bounds.extend(this.getMap().fromPointToLatLng(options.bounds.getTopLeft())); bounds.extend(this.getMap().fromPointToLatLng(options.bounds.getRightBottom())); diff --git a/frontend-js/src/test/js/map/canvas/GoogleMaps/GoogleMapsApiCanvas-test.js b/frontend-js/src/test/js/map/canvas/GoogleMaps/GoogleMapsApiCanvas-test.js index c124fc6299958307da779338bfff02bfe6e04a3b..a95bd3d3adbf145d9ba74b55f38378bf4ac5eaaa 100644 --- a/frontend-js/src/test/js/map/canvas/GoogleMaps/GoogleMapsApiCanvas-test.js +++ b/frontend-js/src/test/js/map/canvas/GoogleMaps/GoogleMapsApiCanvas-test.js @@ -6,6 +6,7 @@ var logger = require('../../../logger'); var GoogleMapsApiCanvas = require('../../../../../main/js/map/canvas/GoogleMaps/GoogleMapsApiCanvas'); var Point = require('../../../../../main/js/map/canvas/Point'); +var Bounds = require('../../../../../main/js/map/canvas/Bounds'); var SelectionContextMenu = require('../../../../../main/js/gui/SelectionContextMenu'); @@ -18,6 +19,8 @@ describe('GoogleMapsApiCanvas', function () { tileSize: 256, width: 300, height: 600, + minZoom: 2, + zoom: 5, backgroundOverlays: [{ id: 1, name: "overlay", @@ -198,4 +201,18 @@ describe('GoogleMapsApiCanvas', function () { assert.equal(map.getMapCanvas().getSelectedArea(), null); }); + it("click on rectangle", function () { + var canvas = new GoogleMapsApiCanvas(testDiv, testOptions); + var rectangle = canvas.createRectangle({ + fillOpacity: 0.7, + strokeColor: "#330000", + strokeOpacity: 0.5, + strokeWeight: 1.0, + id:"1", + fillColor: "#00FF00", + bounds: new Bounds(new Point(0,0), new Point(2,2)) + }); + return google.maps.event.trigger(rectangle.getGoogleRectangle(), "click"); + }); + });