酷源CMS网站集群产品交流论坛

51ditu.com标注功能在网站中的使用范例。感谢一个叫寻找的小朋友帮忙。
<!--下面这段是加在下面两段代码前面的。-->
<script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>
<script language="javascript" src="http://api.51ditu.com/js/ezmarker.js"></script>

<!--下面这段是添加标注时使用的，目的是获取经度纬度和比例尺级别，大家可以修改的啊。-->
<table>
<tr><td colspan='2'>如何获取标注接口的值</td></tr>
<tr><td>经度</td><td><input type="text" id="x" name="x"></td></tr>
<tr><td>纬度</td><td><input type="text" id="y" name="y"></td></tr>
<tr><td>比例尺级别</td><td><input type="text" id="z" name="z"></td></tr>
</table>
<script language="JavaScript">
<!--
//setMap是ezmarker内部定义的接口，这里可以根据实际需要实现该接口
function setMap(point,zoom)
{
document.getElementById("x").value=point.getLongitude();
document.getElementById("y").value=point.getLatitude();
document.getElementById("z").value=zoom;
}
var ezmarker = new LTEZMarker("pos");
var c = "jinan";
          ezmarker.setDefaultView(c,4);
LTEvent.addListener(ezmarker,"mark",setMap);//"mark"是标注事件
//-->
</script>

<!--下面这段是生成后调用的，感谢一个叫寻找的朋友帮忙。-->
<div id="maps" style="position:relative; width:350px; height:350px; 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>
<script language="javascript">
        var maps = new LTMaps( "maps" );
        maps.centerAndZoom(new LTPoint(11698706,3664901),3);//调用X坐标Y坐标和缩放比例，可以用自定义字段来实现。
        var c = new LTSmallMapControl();
        maps.addControl(c);
        var point = new LTPoint( 11698706 , 3664901 );//调用X坐标Y坐标，可以用自定义字段来实现。
        var marker = new LTMarker( point );
        maps.addOverLay( marker );
        var text = new LTMapText( marker );
        text.setLabel( "嘿嘿，这里可是我的家啊。" ); //生成后显示的位置，呵呵，留下我的地址，有空来我这里玩啊。
        maps.addOverLay( text );
</script>