<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<title>SuperMap iClient JavaScript</title>
<script src="libs/SuperMap.Include.js"></script>
<script type="text/javascript">
var map, url, layer,markers;
// 设置访问的GIS服务地址
var url = "http://192.168.0.194:8090/iserver/services/map-snQuanShiDiTu/rest/maps/zw@sn2018";
function onPageLoad() {
// 创建地图对象
map = new SuperMap.Map("map",{controls:[
new SuperMap.Control.ScaleLine(),
new SuperMap.Control.PanZoomBar(),
new SuperMap.Control.LayerSwitcher(),
new SuperMap.Control.Navigation({
dragPanOptions: {
enableKinetic: true
}
})]
});
// 创建图层对象
layer = new SuperMap.Layer.TiledDynamicRESTLayer("World", url, {transparent: true, cacheEnabled: true}, {maxResolution:"auto"});
layer.events.on({"layerInitialized": addLayer});
// 加载鹰眼控件
map.addControl(new SuperMap.Control.OverviewMap());
}
// 加载图层
function addLayer() {
// 向Map添加图层
map.addLayer(layer);
map.setCenter(new SuperMap.LonLat(0, 0), 0);
}
// 添加标签
function ShowMarker(){
// 创建标签图层
markers = new SuperMap.Layer.Markers( "Markers" );
map.addLayer(markers);
// 添加标签对象
var size = new SuperMap.Size(44,33);
var offset = new SuperMap.Pixel(-(size.w/2), -size.h);
var icon = new SuperMap.Icon('./theme/images/marker.png', size, offset);
markers.addMarker(new SuperMap.Marker(new SuperMap.LonLat(0,0),icon));
}
</script>
</head>
<body onload=onPageLoad()>
<input name="ShowMarker" type="button" onClick="ShowMarker()" value="显示标注">
<div id="map" style="position:relative; left:1px; right:0px; width:800px; height:500px; top: 36px;"> </div>
</body>
</html>
