码迷,mamicode.com
首页 > 其他好文 > 详细

setTarget()用于交换地图

时间:2017-04-01 11:07:19      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:put   function   函数   容器   变量   log   map   enter   view   

<div id="map1" style="width: 100%"></div>
<div id="map2" style="width: 100%"></div>
<input type="button" onClick="swapMap();" value="调换地图" />

首先创建了俩个地图容器,之后创见俩个地图:

var map1 = new ol.Map({
     layers:[
       new ol.layers.Tile({
         source: new ol.source.OSM()
        }) 
    ] ,
     view: new ol.View({
             center:[0,0]  //中心点坐标
             zoom:10  //地图层级
 })
     target:‘map1‘  //地图容器ID
})      

var map2= new ol.Map({
     layers:[
       new ol.layers.Tile({
         source: new ol.source.OSM()
        }) 
    ] ,
     view: new ol.View({
             center:[0,0]  //中心点坐标
             zoom:10  //地图层级
 })
     target:‘map2‘  //地图容器ID
})           

交换函数:

function swapMap(){
       //改变俩个地图的容器
       map1.setTarget(‘map2‘);
       map2.setTarget(‘map1‘);  
}
//这里可以直接交换并不需要一个中间变量来进行过渡

 

setTarget()用于交换地图

标签:put   function   函数   容器   变量   log   map   enter   view   

原文地址:http://www.cnblogs.com/dxsghr/p/6655054.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!