返回首页

源代码编辑器

​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
<div id="r-result">
8
        <input type="button" onclick="add_control();" value="添加" />
9
        <input type="button" onclick="delete_control();" value="删除" />
10
    </div>
11
    <p>在地图的左上、右上分别展示完整、缩略样式的缩放平移控件；同时在地图的左上方展示比例尺控件，点击按钮查看效果</p>
12
</body>
13
</html>
14
<script type="text/javascript" language="javascript" src="http://a.qqearth.com:81/SE_JSAPI?v=ol&uid=您的uid"></script>
15
<script type="text/javascript">
16
var mapctrl;
17
var map;
18
var maptypectrl;
19
var mapscalectrl;
20
var flag;
21
 function onLoad(){
22
     map = new EV.Map("mapdiv",{deafultTools:false});//创建地图对象
23
     map.setCenter(new EV.LngLat(116.40969,39.89945),11); //设置地图中心点和缩放级别
24
25
26
 }
27
    //添加控件和比例尺
28
    function add_control(){
29
        if(flag){
30
        mapctrl=new EV.MapControl();
31
        map.addControl(mapctrl);//加载地图控制  
32
        maptypectrl=new EV.MapTypeControl();
33
        map.addControl(maptypectrl);
34
        mapscalectrl=new EV.ScaleControl();
35
        map.addControl(mapscalectrl);
36
        flag=false;
37
        }
38
    }
39
    //移除控件和比例尺
40
    function delete_control(){
41
        if(!flag){
42
        map.removeControl(mapctrl);
43
        map.removeControl(maptypectrl);
44
        map.removeControl(mapscalectrl);
45
        flag=true;
46
        }
47
    }
48
</script>
49
​