其他分享
首页 > 其他分享> > 三维地图热力图效果源代码

三维地图热力图效果源代码

作者:互联网

三维地图服务器 下载地址:http://download.bigemap.com/bm3Dserver.rar    (最新版)

安装以上SDK后,启动,启动面板上找到开发使用,如下图源代码:

//注释:安装地图服务器后,下列代码中的 http://bigemap.com  替换成   http://localhost    ,其他不变

                    <!DOCTYPE html>

<html>
<head>
    <meta charset='UTF-8'/>
    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
    <link href='http://bigemap.com:9000/bigemap-gl.js/v1.1.0/Widgets/widgets.css' rel='stylesheet'/>
    <script src='http://bigemap.com:9000/bigemap-gl.js/v1.1.0/bigemap-gl.js'></script>
     <script src="/bmgl/data/heatmap/heatmap.min.js"></script>
    <script src="/bmgl/data/heatmap/webgl-heatmap.js"></script>
    <script src="/bmgl/data/heatmap/bmHeatmapGL.js"></script>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        .bmgl-widget-credits{display:none}
        #container {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
        }
        
    </style>
    <title>part_test</title>
</head>
<body>

<div id='container'></div>

<script>
    bmgl.Config.HTTP_URL = 'http://bigemap.com:9000';
    var viewer = new bmgl.Viewer('container', {mapId: 'bigemap.googlemap-satellite'});
    new bmglHeatmapGL(viewer, '/bmgl/data/heatmap/busstop2016.geojson')
</script>
</body>
</html>

 

效果图:

标签:http,bigemap,三维,力图,viewer,bmgl,源代码,com
来源: https://blog.51cto.com/u_15262562/2883420