Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Apr 28th, 2012  |  syntax: None  |  size: 2.51 KB  |  hits: 23  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. using the google maps API - marker cluster
  2. <script src="http://localhost/wheredidmytweetgo/js/markercluster.js" type="text/javascript"></script>
  3. <script type="text/javascript">
  4. //<![CDATA[
  5. function load() {
  6.   if (GBrowserIsCompatible()) {
  7.     var map = new GMap2(
  8.     document.getElementById("map"));
  9.     map.addControl(new GSmallMapControl());
  10.     map.setCenter(
  11.     new GLatLng( 56.65622649350222, -19.86328125), 2);
  12.     var mc = new MarkerClusterer(map);
  13.     function createMarker(point, text, title) {
  14.       var marker =
  15.       new GMarker(point,{title:title});
  16.       GEvent.addListener(
  17.       marker, "click", function() {
  18.         marker.openInfoWindowHtml(text);
  19.       });
  20.       return marker;
  21.     }
  22.     <?php
  23.  
  24.     foreach ($cluster_location as $location) {
  25.     ?>
  26.     var marker = createMarker(
  27.     new GLatLng(<?php echo $location ?>),
  28.     'Marker text <?php echo $location ?>',
  29.     'Example Title text <?php echo $location ?>');
  30.     map.addMarker(marker);
  31.     <?php }
  32.   ?>
  33.   }
  34. }
  35.        
  36. var markers = [];
  37. //create array
  38.        
  39. var mc = new MarkerClusterer(map, markers);
  40.        
  41. <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
  42.     <script type="text/javascript" src="http://localhost/wheredidmytweetgo/js/markercluster.js">
  43.  
  44.     </script>
  45.  
  46.     <script type="text/javascript">
  47.       function initialize() {
  48.         var center = new google.maps.LatLng(37.4419, -122.1419);
  49.  
  50.         var map = new google.maps.Map(document.getElementById('map'), {
  51.           'zoom': 13,
  52.           'center': center,
  53.           'mapTypeId': google.maps.MapTypeId.ROADMAP
  54.         });
  55.  
  56.         var markers = [];
  57.        <?php foreach ($cluster_location as $location) { ?>{
  58.          var marker = new google.maps.Marker({'position': <?php echo $location;?>});
  59.   markers.push(marker);
  60. }
  61.         <?
  62.        }
  63.        ?>
  64.         var markerCluster = new MarkerClusterer(map, markers);
  65.       }
  66.       google.maps.event.addDomListener(window, 'load', initialize);
  67.     </script>
  68.   </head>
  69.   <body>
  70.     <h3>A simple example of MarkerClusterer (100 markers)</h3>
  71.     <p>
  72.       <a href="?compiled">Compiled</a> |
  73.       <a href="?">Standard</a> version of the script.
  74.     </p>
  75.     <div id="map-container"><div id="map"></div></div>
  76.   </body>
  77. </html>
  78.        
  79. {
  80.  
  81.           var marker = new google.maps.Marker({'position': 40.0994425,-74.9325683});
  82.  
  83.          markers.push(marker);
  84.  
  85.           });
  86.        
  87. var marker,
  88.     markers = [];
  89.  
  90. <?php foreach ($cluster_location as $location) { ?>
  91.     marker = new google.maps.Marker({'position': <?php echo $location;?>});
  92.     markers.push(marker);
  93. <? } ?>
create a new version of this paste RAW Paste Data