var map; //本函数是在用户每次拉框操作完成之后执行的操作,bounds是代表用户拉框选择的区域的范围 function doit(bounds) { var str="你选择的区域坐标为:\n"; str+="左上角坐标:"+bounds.getXmin()+","+bounds.getYmax()+"\n"; str+="右下角坐标:"+bounds.getXmax()+","+bounds.getYmin()+"\n"; alert(str);
var rect = new LTRect(bounds); map.addOverLay(rect);
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312"/>
<meta name="keywords" content="LTZoomSearchControl.mouseup,LTEvent.addListener,JavaScript,灵图,51ditu Maps API,地图,范例文档,vml"/>
<title>我要地图-地图API-范例-使用拉框查找控件让用户选择位置区域</title>
<style type="text/css">v\:*{behavior:url(#default#VML);}</style>
<script language="javascript" src=http://api.51ditu.com/js/maps.js></script>
<script language="javascript">
var map;
//本函数是在用户每次拉框操作完成之后执行的操作,bounds是代表用户拉框选择的区域的范围
function doit(bounds)
{
var str="你选择的区域坐标为:\n";
str+="左上角坐标:"+bounds.getXmin()+","+bounds.getYmax()+"\n";
str+="右下角坐标:"+bounds.getXmax()+","+bounds.getYmin()+"\n";
alert(str);
var rect = new LTRect(bounds);
map.addOverLay(rect);
LTEvent.addListener(rect,"click",onClick);
LTEvent.bind(rect,"mouseover",rect,onMouseOver);
LTEvent.bind(rect,"mouseout",rect,onMouseOut);
}
function onClick()
{
alert('您点在矩形上');
}
function onMouseOver()
{
this.setLineColor("blue");
this.setFillColor("green");
this.setLineStroke(3);
}
function onMouseOut()
{
this.setLineColor("red");
this.setFillColor("red");
this.setLineStroke(5);
}
function onDragEnd(point)
{
var str="标注被拖动到:\n";
str+="经度:"+point.getLongitude()+"\n";
str+="纬度:"+point.getLatitude()+"\n";
var Lat1 = parseInt( point.getLatitude() );
alert(str);
}
function onLoad()
{
map=new LTMaps("mapDiv");
map.centerAndZoom(new LTPoint(11640969,3994940),6);
map.addControl(new LTStandMapControl()); var control = new LTZoomSearchControl("red","red",1,0.4); //建立新的拉框查找控件
control.setLabel("电子围栏" );
map.addControl(control); //添加控件到地图
var er=new LTMarker(new LTPoint(11640969,3994940));
er.enableDrag();
map.addOverLay(er);
LTEvent.addListener(er,"dragend",onDragEnd);
LTEvent.addListener(control,"mouseup",doit); //设置在用户拉框完成之后执行doit函数
}
</script>
</head>
<body onload="onLoad()">
<div id="mapDiv" style="position:absolute;width:400px; height:300px;"><div align="center" style="margin:12px;"><a href="mapsapi/help.html" target="_blank" style="color:#D01E14;font-weight:bolder;font-size:12px;">看不到地图请点这里</a></div></div>
<div style="position:absolute;left:420px;">
</div>
</body>
</html>
点开 。
就有个iframe 的字符串 。
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=" http://ditu.google.cn/?ie=UTF8&hq=&hnear=%E5%8C%97%E4%BA%AC%E5%B8%82&ll=39.60992,117.298279&spn=1.165878,2.903137&z=9&brcurrent=3,0x35f05296e7142cb9:0xb9625620af0fa98a,1%3B5,0,1&output=embed"></iframe>
<script src="http://maps.google.com/maps?file=api&v=2&sensor=true_or_false&key=这个你要去谷歌注册个账号申请一个key" type="text/javascript"></script>
<div id="map_canvas" style="width: 800px; height: 600px;">
</div>
<script type="text/javascript">
function initialize(para1, para2, para3) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(para1, para2, para3);
}
</script>
比如这个地图是宽800,高600的
你在需要的地方调用这个界面
设定3个参数,第一个是经度,第二个是纬度,第三个是缩放比例
我有。待我下班回去找给你。
右上角的一个正方形 ,title='分享链接' 猛击->
第二个文本框 粘贴 HTML 以便嵌入到网站 。
是那玩意把 。
http://blog.csdn.net/BlueMap/article/details/5710092