{"id":156,"asset_id":848,"title":"\u03a0\u03bf\u03c5 \u03b2\u03c1\u03b9\u03c3\u03ba\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5","alias":"googlearth","introtext":"<div>\n<script src=\"http:\/\/maps.google.com\/maps?file=api&amp;v=2&amp;key=ABQIAAAAYPkTVWxeUrorq54WpxZvIRRlNQBzofQITBvW4gjVcyUdl290PRS4NjsQ5Jd-1VbQgNTeA0hk6_9Kyg\"\n\n            type=\"text\/javascript\"><\/script>\n\n    <script type=\"text\/javascript\">\n\n\n\n    \/\/ A Rectangle is a simple overlay that outlines a lat\/lng bounds on the\n\n    \/\/ map. It has a border of the given weight and color and can optionally\n\n    \/\/ have a semi-transparent background color.\n\n    function Rectangle(bounds, opt_weight, opt_color) {\n\n      this.bounds_ = bounds;\n\n      this.weight_ = opt_weight || 2;\n\n      this.color_ = opt_color || \"#888888\";\n\n    }\n\n    Rectangle.prototype = new GOverlay();\n\n\n\n    \/\/ Creates the DIV representing this rectangle.\n\n    Rectangle.prototype.initialize = function(map) {\n\n      \/\/ Create the DIV representing our rectangle\n\n      var div = document.createElement(\"div\");\n\n      div.style.border = this.weight_ + \"px solid \" + this.color_;\n\n      div.style.position = \"absolute\";\n\n\n\n      \/\/ Our rectangle is flat against the map, so we add our selves to the\n\n      \/\/ MAP_PANE pane, which is at the same z-index as the map itself (i.e.,\n\n      \/\/ below the marker shadows)\n\n      map.getPane(G_MAP_MAP_PANE).appendChild(div);\n\n\n\n      this.map_ = map;\n\n      this.div_ = div;\n\n    }\n\n\n\n    \/\/ Remove the main DIV from the map pane\n\n    Rectangle.prototype.remove = function() {\n\n      this.div_.parentNode.removeChild(this.div_);\n\n    }\n\n\n\n    \/\/ Copy our data to a new Rectangle\n\n    Rectangle.prototype.copy = function() {\n\n      return new Rectangle(this.bounds_, this.weight_, this.color_,\n\n                           this.backgroundColor_, this.opacity_);\n\n    }\n\n\n\n    \/\/ Redraw the rectangle based on the current projection and zoom level\n\n    Rectangle.prototype.redraw = function(force) {\n\n      \/\/ We only need to redraw if the coordinate system has changed\n\n      if (!force) return;\n\n\n\n      \/\/ Calculate the DIV coordinates of two opposite corners of our bounds to\n\n      \/\/ get the size and position of our rectangle\n\n      var c1 = this.map_.fromLatLngToDivPixel(this.bounds_.getSouthWest());\n\n      var c2 = this.map_.fromLatLngToDivPixel(this.bounds_.getNorthEast());\n\n\n\n      \/\/ Now position our DIV based on the DIV coordinates of our bounds\n\n      this.div_.style.width = Math.abs(c2.x - c1.x) + \"px\";\n\n      this.div_.style.height = Math.abs(c2.y - c1.y) + \"px\";\n\n      this.div_.style.left = (Math.min(c2.x, c1.x) - this.weight_) + \"px\";\n\n      this.div_.style.top = (Math.min(c2.y, c1.y) - this.weight_) + \"px\";\n\n    }\n\n\n\n\n\n    function initialize() {\n\n      if (GBrowserIsCompatible()) {\n\n        var map = new GMap2(document.getElementById(\"map_canvas\"));\n\n        map.setCenter(new GLatLng(38.290745, 21.796253), 13);\n\n        map.addControl(new GSmallMapControl());\n\n        map.addControl(new GMapTypeControl());\n\n\n\n        \/\/ Display a rectangle in the center of the map at about a quarter of\n\n        \/\/ the size of the main map\n\n        var bounds = map.getBounds();\n\n        var southWest = bounds.getSouthWest();\n\n        var northEast = bounds.getNorthEast();\n\n        var lngDelta = (northEast.lng() - southWest.lng()) \/ 2.3;\n\n        var latDelta = (northEast.lat() - southWest.lat()) \/ 2.3;\n\n        var rectBounds = new GLatLngBounds(\n\n            new GLatLng(southWest.lat() + latDelta,\n\n                        southWest.lng() + lngDelta),\n\n            new GLatLng(northEast.lat() - latDelta,\n\n                        northEast.lng() - lngDelta));\n\n        map.addOverlay(new Rectangle(rectBounds));\n\n      }\n\n    }\n\n\n\n    <\/script><\/div>","fulltext":"","state":"1","catid":58,"created":"2011-07-18T10:17:33+00:00","created_by":57,"created_by_alias":"","modified":"2019-04-05 12:14:42","modified_by":57,"checked_out":0,"checked_out_time":"0000-00-00 00:00:00","publish_up":"2011-07-18T10:17:33+00:00","publish_down":"-0001-11-30T00:00:00+00:00","images":"{\"image_intro\":\"\",\"float_intro\":\"\",\"image_intro_alt\":\"\",\"image_intro_caption\":\"\",\"image_fulltext\":\"\",\"float_fulltext\":\"\",\"image_fulltext_alt\":\"\",\"image_fulltext_caption\":\"\"}","urls":"{\"urla\":null,\"urlatext\":\"\",\"targeta\":\"\",\"urlb\":null,\"urlbtext\":\"\",\"targetb\":\"\",\"urlc\":null,\"urlctext\":\"\",\"targetc\":\"\"}","attribs":"{\"show_title\":\"\",\"link_titles\":\"\",\"show_intro\":\"\",\"show_section\":\"\",\"link_section\":\"\",\"show_category\":\"\",\"link_category\":\"\",\"show_vote\":\"\",\"show_author\":\"\",\"show_create_date\":\"\",\"show_modify_date\":\"\",\"show_pdf_icon\":\"\",\"show_print_icon\":\"\",\"show_email_icon\":\"\",\"language\":\"\",\"keyref\":\"\",\"alternative_readmore\":\"\"}","version":"3","ordering":"1","metakey":"","metadesc":"","access":"1","hits":"175","metadata":"{\"robots\":\"\",\"author\":\"\"}","featured":"0","language":"","xreference":"","note":null}