WordPressの地図表示

ご回答ありがとうございます。

プラグインではなくテーマに地図を入れるような形で公式の説明やほかの方のサイトを見て手をいれてます。

コードは次の通りです。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/library/map/markermanager.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/library/map/markerclusterer_packed.js"></script>
<script type="text/javascript">

/**
 * Data for the markers consisting of a name, a LatLng and a pin image, message box content for
 * the order in which these markers should display on top of each
 * other.
 */
var markers = {<?php echo $catinfo_arr;?>};

var map = null;
var mgr = null;
var mc = null;
var markerClusterer = null;
var showMarketManager = true;

function setCategoryVisiblity( category, visible ) {
   var i;
   if ( mgr && category in markers ) {
      for( i = 0; i < markers[category].length; i += 1 ) {
         if ( visible ) {
            mgr.addMarker( markers[category][i], 0 );
         } else {
            mgr.removeMarker( markers[category][i], 0 );
         }
      }
      mgr.refresh();
   }
}

function initialize() {
      var latlng = new google.maps.LatLng(35.709984,139.810703);
      var opts = {
        zoom: 15,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById("map_canvas"), opts);

   // Try W3C Geolocation (Preferred)
      if(navigator.geolocation) {
         browserSupportFlag = true;
         navigator.geolocation.getCurrentPosition(function(position) {
          initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
          map.setCenter(initialLocation);
        }, function() {
          handleNoGeolocation(browserSupportFlag);
        });
   // Try Google Gears Geolocation
   } else if (google.gears) {
   browserSupportFlag = true;
   var geo = google.gears.factory.create('beta.geolocation');
   geo.getCurrentPosition(function(position) {
     initialLocation = new google.maps.LatLng(position.latitude,position.longitude);
     map.setCenter(initialLocation);     }, function() {       handleNoGeoLocation(browserSupportFlag);
   });
   // Browser doesn't support Geolocation
   } else {     browserSupportFlag = false;
    handleNoGeolocation(browserSupportFlag);
   }      

   function handleNoGeolocation(errorFlag) {
     if (errorFlag == true) {
        alert("Geolocation service failed.");
        initialLocation = newyork;
     } else {
       alert("Your browser doesn't support geolocation. We've placed you in Siberia.");
       initialLocation = siberia;
     }
     map.setCenter(initialLocation);
   } 

   mgr = new MarkerManager( map );
   google.maps.event.addListener(mgr, 'loaded', function() {
      if (markers) {
         for (var level in markers) {
            google.maps.event.addDomListener( document.getElementById( level ), 'click', function() {
               setCategoryVisiblity( this.id, this.checked );
            });
            for (var i = 0; i < markers[level].length; i++) {
               var details = markers[level][i];
               var image = new google.maps.MarkerImage(details.icons,new google.maps.Size(PIN_POINT_ICON_WIDTH, PIN_POINT_ICON_HEIGHT));
               var myLatLng = new google.maps.LatLng(details.location[0], details.location[1]);
               markers[level][i] = new google.maps.Marker({
                  title: details.name,
                  position: myLatLng,
                  icon: image,
                  clickable: true,
                  draggable: false,
                  flat: true
               });
               attachMessage(markers[level][i], details.message);
            }
            mgr.addMarkers( markers[level], 0 );
         }
         mgr.refresh();
      }
   });

	// but that message is not within the marker's instance data
	function attachMessage(marker, msg) {
	  var infowindow = new google.maps.InfoWindow(
		  { content: String(msg)
		  });
		var myEventListener = google.maps.event.addListener(marker, 'click', function() {
         infowindow.open(map,marker);
      });
	}
}
google.maps.event.addDomListener(window, 'load', initialize);

何か気づいた点でもご指摘頂ければと思います。
どうぞよろしくお願い致します。