[SOBI]使用51ditu.com的地图的方法

<script language="javascript" src="http://api.51ditu.com/js/maps.js">
<script language="javascript" src="http://api.51ditu.com/js/ezmarker.js">
<script language="JavaScript">
var latitudeField = 'field_latitude';
var longitudeField = 'field_longitude';
<!--
//setMap是ezmarker内部定义的接口，这里可以根据实际需要实现该接口
function setMap(point)
{
document.getElementById(longitudeField).value=point.getLongitude();
document.getElementById(latitudeField).value=point.getLatitude();
}
var ezmarker = new LTEZMarker("pos");
LTEvent.addListener(ezmarker,"mark",setMap);//"mark"是标注事件
//-->

////////////51ditu.com///////////////////
    function show51ditu($mySobi, $config) {
$title = $config->jsAddSlashes($mySobi->title);
$GeoPos = $config->getGeoPosition($mySobi->id);
if($GeoPos['lat'] && $GeoPos['long'] && is_numeric($GeoPos['lat']) && is_numeric($GeoPos['lat']))
{
?>

<!--创建一个DIV-->
<div id="maps" style="position:relative; width:700px; height:400px; border:black solid 1px;">
<div align="center" style="margin:12px;">
<a href="h ttp://api.51ditu.com/docs/mapsapi/help.html" target="_blank" style="color:#D01E14;font-
weight:bolder;font-size:12px;">看不到地图请点这里</a>
</div>
</div>

<!--引入JavaScript文件-->
<script language="javascript" src="h ttp://api.51ditu.com/js/maps.js"></script>

<!--创建地图，并且给地图加个简易缩放控件-->
<script language="javascript">
var maps = new LTMaps( "maps" );
var control = new LTStandMapControl();
maps.addControl( control );
var point = new LTPoint( < ?php echo $GeoPos['long']; ?>, < ?php echo $GeoPos['lat']; ?> );
maps. centerAndZoom ( point , 0 );
</script>
<?php
}

elseif (!is_numeric($GeoPos['lat']) || !is_numeric($GeoPos['lat']))
{
?>
在 <b>北京</b> 搜索
<INPUT TYPE="text" id="searchWord" value="灵图软件"> <INPUT TYPE="button" onClick="search.search(document.getElementById('searchWord').value);" value="搜索">
<div id="maps" style="position:relative; width:400px; height:200px; border:black solid 1px;">
<div align="center" style="margin:12px;"><a href="http://api.51ditu.com/docs/mapsapi/help.html" target="_blank" style="color:#D01E14;font-weight:bolder;font-size:12px;">看不到地图请点这里</a></div>
</div> <br>
 <font color="#666666">（搜索效果图）</font>         
<script language="javascript" src="http://api.51ditu.com/js/search.js"></script>
<script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>
<script language="javascript">
var map,search;
function showPoint(searchResult)
{
if(searchResult.count>0)//如果存在搜索结果
{
map.clearOverLays();
var poi=searchResult.searchPoints[0];//取出第一个搜索结果点
var point=new LTPoint(poi.point[0],poi.point[1]);//得到该点的坐标的LTPoint
map.centerAndZoom(point,0);
var marker=new LTMarker(point);//向地图上添加一个标记
map.addOverLay(marker);
var mapText=new LTMapText(marker);
mapText.setLabel("<a href='"+poi.url+"' target='_blank'>"+poi.name+"</a>");
map.addOverLay(mapText);
var name=poi.name;//标记点击的时候弹出信息
}

else

{
alert('无结果');
}
}
map=new LTMaps("maps");
map.addControl(new LTSmallMapControl());
search=new LTLocalSearch(showPoint);
search.setCity('北京');
search.search('灵图');
</script>
<script language="javascript" src="http://api.51ditu.com/js/pv.js"></script>< ?
}

}

// 51ditu.com

echo $this->show51ditu($mySobi, $config);