tag:blogger.com,1999:blog-73391203891961069962024-03-14T10:20:15.815-07:00puebablog2ESTO ES UNA PRUEBARedacciónhttp://www.blogger.com/profile/00489105285971395414noreply@blogger.comBlogger8125tag:blogger.com,1999:blog-7339120389196106996.post-30755257460202137672015-01-10T02:27:00.000-08:002015-01-10T02:27:49.990-08:00<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Zoom lens</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
<body>
<style>
#map {
pointer-events:all;
cursor:none
}
#zoommap {
background:#73b5e5;
width:200px;
height:200px;
overflow:hidden;
-webkit-transform:rotate(-60deg);
-moz-transform:rotate(-60deg);
-ms-transform:rotate(-60deg);
-o-transform:rotate(-60deg);
transform:rotate(-60deg);
}
#zoomlens {
overflow:visible;
top:-9999px;
left:-9999px;
}
#border {
border:5px solid #404040;
border-radius:50%;
box-shadow:0 0 10px rgba(0,0,0,0.25);
}
.overlay {
position:absolute;
pointer-events:none;
overflow:hidden;
width:200px;
height:200px;
z-index:1000;
}
.rotater {
-webkit-transform:rotate(30deg);
-moz-transform:rotate(30deg);
-ms-transform:rotate(30deg);
-o-transform:rotate(30deg);
transform:rotate(30deg);
}
</style>
<div id='map'></div>
<div id='zoomlens' class='overlay'>
<div class='overlay rotater'>
<div class='overlay rotater'>
<div id='zoommap' class='overlay'></div>
</div>
</div>
<div id='border' class='overlay'></div>
</div>
<script>
L.mapbox.accessToken = 'pk.eyJ1IjoiYXl1bnRhbWllbnRvZGgiLCJhIjoiZk9OQWo2ZyJ9.NPZ761qewPlBg49X1e601Q';
var map = L.mapbox.map('map', 'examples.map-20v6611k');
var zoommap = L.mapbox.map('zoommap', 'examples.map-i86nkdio', {
fadeAnimation: false,
zoomControl: false,
attributionControl: false
});
var zl = document.getElementById('zoomlens');
// Call update or zoom functions when
// these events occur.
map.on('mousemove', update);
map.on('zoomend', zoom);
function zoom(e) {
if (zoommap._loaded) zoommap.setZoom(e.target.getZoom() + 1);
}
function update(e) {
zl.style.top = ~~e.containerPoint.y - 100 + 'px';
zl.style.left = ~~e.containerPoint.x - 100 + 'px';
zoommap.setView(e.latlng, map.getZoom() + 1, true);
}
</script>
</body>
</html>Redacciónhttp://www.blogger.com/profile/00489105285971395414noreply@blogger.com0tag:blogger.com,1999:blog-7339120389196106996.post-38999434894445530632014-07-28T14:07:00.006-07:002014-09-27T00:31:02.480-07:00dfsfassdfdasf<div class="separator" style="clear: both; text-align: center;"><a href="http://goo.gl/IexgBH" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidcqgyQHltZ-xxyLQvA7D5eySji-JpkgYm9PMourm1urXS58XqfPmcgFEfPPbmENeo_xrs6CBZFKATQX1CTFHNOKhkzAJUqnJXd987xOBTz2qwZ5n-FA_CG7rXFVngk32_OA-k5GB6M7Y/s1600/banner+curso+copia+copia.png" /></a></div>Redacciónhttp://www.blogger.com/profile/00489105285971395414noreply@blogger.com0tag:blogger.com,1999:blog-7339120389196106996.post-39046119764766149962014-07-28T14:07:00.003-07:002014-07-28T14:07:20.212-07:00ddsadsadasddsasdaasdddsdsdasdasdasds<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-fLwtDUayNFM/UjH6zHfPtjI/AAAAAAAATBI/1LJZjcwePvA/s1600/008-ganna-studio-ganna-studio.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-fLwtDUayNFM/UjH6zHfPtjI/AAAAAAAATBI/1LJZjcwePvA/s1600/008-ganna-studio-ganna-studio.jpg" height="213" width="320" /></a></div>
Redacciónhttp://www.blogger.com/profile/00489105285971395414noreply@blogger.com0tag:blogger.com,1999:blog-7339120389196106996.post-901469300163323992014-07-28T14:07:00.001-07:002014-07-28T14:07:08.046-07:00dasdasdsdsdsdasdsddsddsas<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-cmgymLNM2h8/UjH6xOg6GkI/AAAAAAAATBI/QCWG1nPpAUM/s1600/005-ganna-studio-ganna-studio.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-cmgymLNM2h8/UjH6xOg6GkI/AAAAAAAATBI/QCWG1nPpAUM/s1600/005-ganna-studio-ganna-studio.jpg" height="213" width="320" /></a></div>
Redacciónhttp://www.blogger.com/profile/00489105285971395414noreply@blogger.com0tag:blogger.com,1999:blog-7339120389196106996.post-76646828555852303052014-07-28T14:06:00.004-07:002014-07-28T14:06:57.833-07:00dasdsdsdsadsdsdsdsRedacciónhttp://www.blogger.com/profile/00489105285971395414noreply@blogger.com0tag:blogger.com,1999:blog-7339120389196106996.post-27834065068967892062014-07-28T14:06:00.002-07:002014-07-28T14:06:42.088-07:00dsasdasddasdasdasdasdasdasdasdasdasdas<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-rZjC6g5SmVw/Ujq_w_1FXFI/AAAAAAAATBI/L8UbZh0qGkU/s1600/CENTRAL+EUROPEAN+TIME+BY+ONL03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-rZjC6g5SmVw/Ujq_w_1FXFI/AAAAAAAATBI/L8UbZh0qGkU/s1600/CENTRAL+EUROPEAN+TIME+BY+ONL03.jpg" height="213" width="320" /></a></div>
Redacciónhttp://www.blogger.com/profile/00489105285971395414noreply@blogger.com0tag:blogger.com,1999:blog-7339120389196106996.post-42766821715297604532014-07-28T14:06:00.000-07:002014-07-28T14:06:31.798-07:00adsssssssssasddddddddddddddddddddddddddddddddddd<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-OGTzLcy3VnI/Ujq_imMbC9I/AAAAAAAATBI/PUGXv1EOeck/s1600/CENTRAL+EUROPEAN+TIME+BY+ONL01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-OGTzLcy3VnI/Ujq_imMbC9I/AAAAAAAATBI/PUGXv1EOeck/s1600/CENTRAL+EUROPEAN+TIME+BY+ONL01.jpg" height="192" width="320" /></a></div>
Redacciónhttp://www.blogger.com/profile/00489105285971395414noreply@blogger.com0tag:blogger.com,1999:blog-7339120389196106996.post-80123750304613833582014-07-28T14:04:00.001-07:002014-07-28T14:06:51.051-07:00adsdasdasdasdasdasdasdasdasdasdasdasdasdasdasdas<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-DdTYOcuxIsw/Ujq_m4ku6kI/AAAAAAAATBI/Y66NVmevEfw/s1600/CENTRAL+EUROPEAN+TIME+BY+ONL04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-DdTYOcuxIsw/Ujq_m4ku6kI/AAAAAAAATBI/Y66NVmevEfw/s1600/CENTRAL+EUROPEAN+TIME+BY+ONL04.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-cmgymLNM2h8/UjH6xOg6GkI/AAAAAAAATBI/QCWG1nPpAUM/s1600/005-ganna-studio-ganna-studio.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-cmgymLNM2h8/UjH6xOg6GkI/AAAAAAAATBI/QCWG1nPpAUM/s1600/005-ganna-studio-ganna-studio.jpg" /></a></div>
Redacciónhttp://www.blogger.com/profile/00489105285971395414noreply@blogger.com0