OpenLayers3 ol.js结合百度地图实现可交互地图效果代码
代码语言:html
所属分类:其他
代码描述:OpenLayers3 ol.js结合百度地图实现可交互地图效果代码,由于百度接口https证书过期,如果在https下不显示,请切换至http下访问。
代码标签: OpenLayers3 ol.js 百度 地图 交互
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> .map { height: 400px; width: 100%; } </style> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/ol.css"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/ol.js"></script> </head> <body> <div id="map" class="map"></div> <script type="text/javascript"> var projection = ol.proj.get("EPSG:3857"); var resolutions = []; for(var i=0; i<19; i++){ resolutions[i] = Math.pow(2, 18-i); } var tilegrid = new ol.tilegrid.TileGrid({ origin: [0,0], resolutions: resolutions }); var baidu_source = new ol.source.TileImage({ projection: projection, tileGrid: tilegrid, .........完整代码请登录后点击上方下载按钮下载查看
网友评论0