superMap 标签

最新推荐文章于 2022-10-14 15:51:21 发布

madexu00

最新推荐文章于 2022-10-14 15:51:21 发布

阅读量480

点赞数

本文链接：https://blog.csdn.net/madexu00/article/details/79916487

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标签</title>
<style type="text/css">
body {
   margin: 0;
   overflow: hidden;
   background: #fff;
}

#map {
   position: relative;
   height: 520px;
   border: 1px solid #3473b7;
}

#toolbar {
   position: relative;
   height: 33px;
   padding-top: 5;
}
</style>
<script src="../js/jquery.min.js" type="text/javascript"></script>
<script src="../data/pInfo.js" type="text/javascript"></script>
<script src="../libs/SuperMap.Include.js" type="text/javascript"></script>
</head>
<body>
   <script type="text/javascript">
   $(function(){
       var local, map, layer, vectorLayer, markerLayer, vectorLayer,labelLayer,
       url = "http://114.251.53.254:8090/iserver/services/map-TZ_MapWorkSpace/rest/maps/TZMap";

       //新建一个策略并使用在矢量要素图层(vector)上。
       var strategy = new SuperMap.Strategy.GeoText();
       strategy.style = {
          fontColor:"#FF7F00",
          fontWeight:"bolder",
          fontSize:"14px",
          fill: true,
          fillColor: "#FFFFFF",
          fillOpacity: 1,
          stroke: true,
          strokeColor:"#8B7B8B"
       };
       var strategies = [strategy];
       labelLayer = new SuperMap.Layer.Vector("Label",{strategies: strategies});
       map = new SuperMap.Map("map", {
           controls : [ new SuperMap.Control.LayerSwitcher(),
                   new SuperMap.Control.ScaleLine(),
                   new SuperMap.Control.Zoom(),
                   new SuperMap.Control.Navigation({
                       dragPanOptions : {
                           enableKinetic : true
                       }
                   })],
           units : "m"
       });
       layer = new SuperMap.Layer.TiledDynamicRESTLayer("beijing", url, {
           transparent : true,
           cacheEnabled : true
       }, {
           maxResolution : "auto"
       });
       layer.events.on({
           "layerInitialized" : addLayer
       });

       //创建一个矩形标签
       /*（116.708, 39.840）标签出现的坐标点，
       "北京通州"标签标题 */
       var geoText = new SuperMap.Geometry.GeoText(116.708, 39.840,"北京通州");
       var geotextFeature = new SuperMap.Feature.Vector(geoText);
       labelLayer.addFeatures(geotextFeature);

       function addLayer() {
           map.addLayers([ layer,labelLayer]);
           map.setCenter(new SuperMap.LonLat(116.708, 39.840), 11, false,
                   false);
           map.allOverlays = true;
       }

   })
</script>
   <div id="map" style="position:absolute;top:0px;left:0px;right:0px;width:100%;height:100%;"></div>

</body>
</html>

madexu00

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
superMap 标签

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;标签&lt;/title&gt;&lt;style type="text/css"&gt;body { margin: 0; overflow: hidden; back
复制链接

扫一扫