返回首页

源代码编辑器

​x
 
1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2
<html>
3
<head>
4
</head>
5
<body onload="onLoad()">
6
<div id="mapdiv"  class="map" style="width:100%;height:450px;background-color:#F4F3F0;"></div>
7
</body>
8
</html>
9
<script type="text/javascript" language="javascript"
10
    src="http://a.map.icttic.cn:81/SE_JSAPI?v=ol&uid=您的uid"></script>
11
<script type="text/javascript">
12
var map,bounds,rect;
13
   function onLoad(){
14
       map=new EV.Map("mapdiv",{deafultTools:false});
15
        map.setCenter(new EV.LngLat(116.32969,39.92940),11);
16
        map.addControl(new EV.MapControl());
17
          // 定义该矩形的显示区域
18
        var westSouth = new EV.LngLat(116.29376,39.88608);
19
        var northEast = new EV.LngLat(116.42688,39.95776);  
20
        bounds=new EV.LngLatBounds([westSouth,northEast]);
21
        // 根据指定的范围绘制一个矩形
22
        rect = new EV.Rect(bounds);
23
        rect.setLineColor('#ed008c');
24
        rect.setFillColor('#ffcc00');
25
        rect.setLine(1);
26
        map.addOverLay(rect);
27
        var m1 = new EV.Marker(new EV.LngLat(116.35376,39.89508));
28
        var m2 = new EV.Marker(new EV.LngLat(116.25376,39.87508));        
29
        map.addOverLay(m1);
30
        map.addOverLay(m2);
31
        EV.Event.addListener(m1,'mouseover',checkIsInBounds);
32
        EV.Event.addListener(m2,'mouseover',checkIsInBounds);
33
   }
34
   function checkIsInBounds()
35
   {
36
    if (bounds.containsLonLat(this.getLngLat()))
37
    {
38
        this.openInfoWinHtml('这个点在指定范围之内');
39
    }
40
    else
41
    {
42
        this.openInfoWinHtml('这个点在指定范围之外');
43
    }
44
   }
45
</script>
46
​