首页 > TAG信息列表 > tileSize
地图放大镜的实现
概述 闲来无事，就做一个花里胡哨的功能：地图放大镜，从中可以学习：1、根据坐标计算对应级别的切片；2、canvas绘图。 实现效果 实现思路 注册map的pointermove事件；通过当前级别+放大级别，计算当前坐标所在放大级别对应的切片；请求切片图片，并绘制到canvas上面； 实现代码 const tileSize[JS]HTML5 拼图游戏
//获取画图区域 var context = document.getElementById('pintu').getContext('2d'); //创建图片 var img = new Image(); img.src = 'pintu.jpg'; img.addEventListener('load', drawTiles, false);//事件监听函数 addEventListener(事件,处理方法。监听强度OpenLayers3加载百度地图
BaiduMapSource.js /** * 加载百度地图 * @returns {ol.layer.Tile} */ function loadBaiduMap() { //数据源信息 var attribution = new ol.Attribution({ html: 'Copyright:© 2015 Baidu, i-cubed, GeoEye' }); //地图范围 var extent