Google/Maps/Infowindow.php css/infowindow.css @@ -21,6 +21,7 @@ require_once 'Google/Maps/Point.php'; require_once 'Google/Maps/Marker.php'; require_once 'Google/Maps/Path.php'; require_once 'Google/Maps/Control.php'; +require_once 'Google/Maps/Infowindow.php'; class Google_Maps extends Google_Maps_Overload { Google/Maps.php @@ -32,5 +32,27 @@ abstract class Google_Maps_Location extends Google_Maps_Overload { * @return object Google_Maps_Point */ abstract public function toPoint(); + + public function getContainerX(Google_Maps_Static $map) { + $zoom = $map->getZoom(); + $target_x = $this->toPoint()->getX(); + $center_x = $map->getCenter()->toPoint()->getX(); + $delta_x = ($target_x - $center_x) >> (21 - $zoom); + + $center_offset_x = round($map->getWidth() / 2); + + return $center_offset_x + $delta_x; + } + + public function getContainerY(Google_Maps_Static $map) { + $zoom = $map->getZoom(); + $target_y = $this->toPoint()->getY(); + $center_y = $map->getCenter()->toPoint()->getY(); + $delta_y = ($target_y - $center_y) >> (21 - $zoom); + + $center_offset_y = round($map->getHeight() / 2); + + return $center_offset_y + $delta_y; + } } \ No newline at end of file Google/Maps/Location.php @@ -17,12 +17,17 @@ require_once 'Google/Maps/Coordinate.php'; -class Google_Maps_Marker extends Google_Maps_Overload { +class Google_Maps_Marker extends Google_Maps_Location { protected $coordinate; protected $color; protected $size; protected $character; + protected $infowindow; + + protected $visible = false; + protected $id; + static public $counter = 1; /** * Class constructor. @@ -34,6 +39,7 @@ class Google_Maps_Marker extends Google_Maps_Overload { public function __construct($location, $params = array()) { $this->setCoordinate($location); $this->setProperties($params); + $this->setId('marker_' . self::$counter++); } /** @@ -41,25 +47,16 @@ class Google_Maps_Marker extends Google_Maps_Overload { * * @return string */ - public function toArea(Google_Maps_Static $map) { - $zoom = $map->getZoom(); - $target_x = $this->toPoint()->getX(); - $target_y = $this->toPoint()->getY(); - $center_x = $map->getCenter()->toPoint()->getX(); - $center_y = $map->getCenter()->toPoint()->getY(); - - $delta_x = ($target_x - $center_x) >> (21 - $zoom); - $delta_y = ($target_y - $center_y) >> (21 - $zoom); - + public function toArea(Google_Maps_Static $map) { + $marker_x = $this->getContainerX($map); + $marker_y = $this->getContainerY($map) - 20; + $marker_id = $this->getId(); - $center_offset_x = round($map->getWidth() / 2); - $center_offset_y = round($map->getHeight() / 2); + $string = 'infowindow=' . $marker_id . '&'; + $url = preg_replace('/infowindow=.*&/', $string, $map->toQueryString()); - $marker_x = $center_offset_x + $delta_x; - $marker_y = $center_offset_y + $delta_y - 20; - - return sprintf('<area shape="circle" coords="%d,%d,12" href="#">', - $marker_x, $marker_y); + return sprintf('<area shape="circle" coords="%d,%d,12" href="?%s" name="%s">', + $marker_x, $marker_y, $url, $marker_id); } /** @@ -106,7 +103,7 @@ class Google_Maps_Marker extends Google_Maps_Overload { public function getLon() { return $this->getCoordinate()->getLon(); } - + public function __toString() { $retval = $this->getLat() . ',' . $this->getLon() . ','. $this->getColor() . $this->getSize() . $this->getCharacter(); return preg_replace('/,$/', '', $retval); Google/Maps/Marker.php @@ -387,11 +387,21 @@ class Google_Maps_Static extends Google_Maps_Overload { * * @return string Static map image URL querystring. */ + /* + TODO $include_all here is freaking unelegant + */ public function toQueryString($include_all = false) { $url['center'] = $this->getCenter()->__toString(); + + foreach ($this->getMarkers() as $marker) { + if ($marker->getInfowindow()->isVisible()) { + $url['infowindow'] = $marker->getId(); + } + } + + $url['zoom'] = $this->getZoom(); if ($include_all) { - $url['zoom'] = $this->getZoom(); $url['markers'] = $this->getMarkers('string'); $url['path'] = $this->getPath('string'); $url['size'] = $this->getSize(); @@ -439,10 +449,12 @@ class Google_Maps_Static extends Google_Maps_Overload { foreach ($this->getControls() as $control) { $retval .= $control->toHtml($this) . "\n"; } + foreach ($this->getMarkers() as $marker) { + $retval .= $marker->getInfowindow()->toHtml($this, $marker) . "\n"; + } $retval .= '</div>' . "\n"; $retval .= '</div>' . "\n"; - - + return $retval; } Google/Maps/Static.php @@ -18,12 +18,25 @@ $coord_2 = new Google_Maps_Coordinate('58.379646', '26.764090'); $marker_1 = new Google_Maps_Marker($coord_1); $marker_2 = new Google_Maps_Marker($coord_2); +$bubble_1 = new Google_Maps_Infowindow('Foo Bar'); +$bubble_2 = new Google_Maps_Infowindow('Pler pop'); + +$marker_1->setInfowindow($bubble_1); +$marker_2->setInfowindow($bubble_2); + +//$bubble_1->show(); +//$marker_2->getInfowindow()->show(); + $map->addMarker($marker_1); $map->addMarker($marker_2); $map->setZoom(13); $map->setProperties($_GET); +if ($_GET['infowindow']) { + $$_GET['infowindow']->getInfowindow()->show(); +} + //print $map->toQueryString(); ?> @@ -36,6 +49,7 @@ $map->setProperties($_GET); <link href="http://www.appelsiini.net/stylesheets/screen.css" rel="stylesheet" type="text/css" /> <link href="http://www.appelsiini.net/stylesheets/main.css" rel="stylesheet" type="text/css" /> <link href="css/controls.css" rel="stylesheet" type="text/css" /> + <link href="css/infowindow.css" rel="stylesheet" type="text/css" /> <link rel="alternate" type="application/atom+xml" href="http://feeds.feedburner.com/tuupola" title="Atom feed" /> </head> <body> @@ -72,7 +86,8 @@ $map->setProperties($_GET); <h4>This page demonstrates how to add zoom and pan controls to static map.</h4> </div> <div class="entrybody"> - <?php print $map->toHtml(); ?><br /><br /> + <?php print $map->toHtml(); ?> + <br /><br /> <p> Start by creating static map with <i>Google_Maps::create('static')</i> factory method. Create controls using <i>Google_Maps_Control::create('type')</i>. Created control can @@ -122,12 +137,16 @@ $map->addControl($pan);</pre> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8"> + /* $(function() { $('map area').bind('click', function() { - alert('You clicked on marker.'); + $('.bubble').hide(); + var id = '#' + $(this).attr('name'); + $(id).show(); return false; }); }); + */ </script> <script src="/mint/?js" type="text/javascript"></script> controls.html ba3510ca5cf706e5b0e5b70bbfdefbfeade93026 Mika Tuupola tuupola@appelsiini.net http://github.com/tuupola/php_google_maps/commit/40b23eda165214125fd124bdf20e838b9d2dbee4 40b23eda165214125fd124bdf20e838b9d2dbee4 2008-10-21T13:08:05-07:00 2008-10-21T13:08:05-07:00 First working version of non JavaScript infowindows / bubbles. 5687bc2855cdb899b6e07b105193dd6ea5e57c26 Mika Tuupola tuupola@appelsiini.net