1  /  1  页   1 跳转 查看:1712

51ditu.com标注功能在网站中的使用范例。

51ditu.com标注功能在网站中的使用范例。



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>


顺便宣传下我的小站:免费短信、彩信、待机彩屏、待机动画下载  消费网
最后编辑飘飘浮云 最后编辑于 2008-02-29 18:17:01
 

回复:51ditu.com标注功能在网站中的使用范例。

兄弟...真的贴上来了..我就寻找
 

回复:51ditu.com标注功能在网站中的使用范例。

  非常感谢。
我就是乖宝宝,酷源CMS的发展离不开大家的共同努力,承接定制项目. 有任何使用问题都请随时联系我,免费为您解答各种疑难杂症.
 

回复:51ditu.com标注功能在网站中的使用范例。

这个好,不过其中API灵活的处理方式很多,大家可以看看下面的连接,其中首先显示小图,点击后显示大图,其中代码大家自己拷贝去用就可以了
http://mall.ieche.com/company/index.asp?id=3544
车型数据
汽车问答
热烈祝贺KY成功发布
 

回复:51ditu.com标注功能在网站中的使用范例。

嗯,很不错,年前在房产上就搞了这个。
 

回复:51ditu.com标注功能在网站中的使用范例。

那就谢谢寻找了呵呵。
 

回复 2F zhwbwelcome 的帖子

谢谢呵呵。
 

回复:51ditu.com标注功能在网站中的使用范例。

谢谢楼主,收藏中
KYCMS.凝聚自由之源,让你随心所遇
 
  更多详情尽在http://www.xy987.net 
 
1  /  1  页   1 跳转

版权所有 酷源CMS政府信息公开系统 | 酷源子网站集群系统 | 远程发布系统   Sitemap

Powered by Discuz!NT 2.1.202    Copyright © 2001-2008 Comsenz Inc. 蜀ICP备07500489号
返顶部