首页 > 其他 > 详细

二维地图的展示与叠加Maker

时间:2020-03-13 13:49:37      阅读:72      评论:0      收藏:0      [点我收藏+]
var x = parseFloat(row.X);
var y = parseFloat(row.Y);                                                
initBaseInfo(row);                                                      
//var map,baseLayer,markerlayer,marker;                                                                                                                                                                                                                                         $("#mapView").show("normal");                                                        $("#cesiumContainer").hide();                                                        $("#mapContainer").show("normal");                                                        //初始化二维地图
 initMap(); 
$("#Popup").show("slow");
//声明加载二维地图变量
var map,baseLayer,markerlayer,marker;
                                                            
function initMap() {
        debugger;
        var url = twomapurl;
        map = new SuperMap.Map("mapContainer", {controls: [
        new SuperMap.Control.MousePosition(),
        new SuperMap.Control.ScaleLine(),
        new SuperMap.Control.Zoom(),//放大缩小控件
        new SuperMap.Control.LayerSwitcher(),//图层选择控件
        new SuperMap.Control.Navigation({  //添加导航控件到map
            dragPanOptions: {
                enableKinetic: true    //拖拽动画
            }
        }), 
    ]});
     //定义layerWorld图层,获取图层服务地址
    baseLayer = new SuperMap.Layer.TiledDynamicRESTLayer("电力电缆", url,{
        transparent: true,
        cacheEnabled: true
    }, {maxResolution: "auto"});
         //为图层初始化完毕添加layerInitialized事件
    baseLayer.events.on({"layerInitialized": addLayer});
    markerlayer = new SuperMap.Layer.Markers("markerLayer");
    addData();
}

function addLayer() {
    debugger;
    //map.addLayer(baseLayer);
    map.addLayers([baseLayer, markerlayer]);
    //设置中心点,注意中心点精确度设置,一个小数点就是千里之别
    map.setCenter(new SuperMap.LonLat(x,y),1);
}

//添加数据
function addData() {
    markerlayer.removeMarker(marker);
    //定位图标大小
    var size = new SuperMap.Size(44,33);
    var offset = new SuperMap.Pixel(-(size.w / 2), -size.h);
    //设置定位图标
    var imgurl = siteurl+‘/power/images/marker.png‘;
    var icon = new SuperMap.Icon(imgurl,size, offset);
    debugger;
    //定位标记地点
    marker = new SuperMap.Marker(new SuperMap.LonLat(x, y), icon);
    markerlayer.addMarker(marker);
}    
            

 

二维地图的展示与叠加Maker

原文:https://www.cnblogs.com/wanlige/p/12485871.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!