replace google maps with tianditu

application/default/views/scripts/data/view.phtml

@@ -7,7 +7,7 @@
 	$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
 	$this->breadcrumb('查看元数据');
 	$this->breadcrumb()->setSeparator(' > ');
-	//$this->theme->AppendPlus($this,'google_map_v3');
+	$this->theme->AppendPlus($this,'tianditu');
 	$this->theme->AppendPlus($this,'colorbox');
 	if(!empty($this->dataService)) {
     	$this->theme->AppendModel($this,"dataservice");
@@ -18,6 +18,7 @@ h3.gs_rt{font-size:110%;}
 #file-list li:hover {background-color: #f5f5f5;}
 #file-list li li:hover {background-color: #dedede;}
 #file-list li li li:hover {background-color: #eeeeee;}
+#watermap img {max-width:none;}
 </style>
 <?= $this->render('breadcrumbs.phtml'); ?>
 <?php $md=$this->metadata;if ($md):?>
@@ -497,15 +498,7 @@ endforeach;
 </div>
 <script src="/js/metadata-view.js"></script>
 <script type="text/javascript" charset="utf-8">
-function loadScript() { 
-  var script = document.createElement("script"); 
-  script.type = "text/javascript"; 
-  script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize"; 
-  document.body.appendChild(script); 
-} 
-window.onload = loadScript;
 $(function() {
-	//google.maps.event.addDomListener(window, 'load', initialize);
 	$(".colorbox").colorbox({photo:"true"});
 	$('.googlesearch').click(function(){googleSearch('<?php echo $ev;?>');});
 	$('.bingsearch').click(function(){bingSearch('<?php echo $ev;?>');});
@@ -554,20 +547,42 @@ function ajaxpage(page){
 	ajaxpage_get(page,'<?= $md->uuid; ?>');
 }
 
-var map = null;
-var mapElementID = "watermap";
-var bounds = null;
-var rectangle = null;
-var zoomlevel = 1;
-var bound = {
-	lat:<?= ($md->south+$md->north)/2; ?>,
-	lng:<?= ($md->east+$md->west)/2; ?>,
-	zoom:<?php if ($md->north==$md->south) { ?> 10 <?php }else {?> 6 <?php }?>,
-	east:<?= $md->east; ?>,
-	west:<?= $md->west; ?>,
-	south:<?= $md->south; ?>,
-	north:<?= $md->north; ?>
-}
+var config = { projection: "EPSG:4326"}
+	var map=new TMap("watermap",config);
+	var lat=<?= ($md->south+$md->north)/2; ?>;
+	var lng=<?= ($md->east+$md->west)/2; ?>;	
+	map.centerAndZoom(new TLngLat(lng,lat),12);
+	map.setMapType(TMAP_HYBRID_MAP);
+	<?php if ($md->north==$md->south && $md->east==$md->west) :?>
+	var marker=new TMarker(new TLngLat(lng,lat));
+	map.addOverLay(marker);
+	<?php else :?>
+	var p1=new TLngLat(<?= $md->west ?>,<?= $md->south ?>);
+	var p2=new TLngLat(<?= $md->west ?>,<?= $md->north ?>);
+	var p3=new TLngLat(<?= $md->east ?>,<?= $md->north ?>);
+	var p4=new TLngLat(<?= $md->east ?>,<?= $md->south ?>);
+	map.setViewport(new Array(p1,p2,p3,p4));
+	var bounds = new TBounds(<?= $md->west; ?>,<?= $md->south; ?>,<?= $md->east; ?>,<?= $md->north; ?>);
+	var config = { 
+		strokeColor:"blue",	//折线颜色 
+		fillColor:"#FFFFFF",	//填充颜色。当参数为空时，折线覆盖物将没有填充效果 
+		strokeWeight:"3px",	//折线的宽度，以像素为单位 
+		opacity:0.3,	//折线的透明度，取值范围0 - 1 
+		strokeStyle:"dashed"	//折线的样式，solid或dashed 
+	};
+	var rect = new TRect(bounds,config); 
+	map.addOverLay(rect);
+	//map.zoomOut();
+	<?php endif; ?>
+	var config = { 
+		type:"TMAP_NAVIGATION_CONTROL_SMALL",	//缩放平移的显示类型 
+		anchor:"TMAP_ANCHOR_TOP_LEFT",			//缩放平移控件显示的位置 
+		offset:[0,0],							//缩放平移控件的偏移值 			showZoomInfo:true						//是否显示级别提示信息，true表示显示，false表示隐藏。 
+	}; 
+	//创建缩放平移控件对象 
+	control=new TNavigationControl(config); 
+	//添加缩放平移控件 
+	map.addControl(control);
 	
 function addfavorite(url,title){
 	var fav_url = url;

application/models/Theme.php

@@ -158,7 +158,12 @@ class Theme
 					'/js/lib/google-map/keydragzoom.js'
 				)
 			),
-			
+			//Tianditu API
+			'tianditu'=>array(
+				$this->ScriptKey => array(
+					'http://api.tianditu.com/js/maps.js'
+				)
+			),
 		);//插件列表
 		
 	}// _init_plus()