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