zoukankan      html  css  js  c++  java
  • Mapbox显示地图案例

    mapbox地图入门案例

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset='utf-8' />
        <title>Mapbox显示地图案例</title>
        <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
        <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.js'></script>
        <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.css' rel='stylesheet' />
        <style>
            body {
                margin: 0;
                padding: 0;
            }
            
            #map {
                position: absolute;
                top: 0;
                bottom: 0;
                width: 100%;
            }
        </style>
    </head>
    
    <body>
    
        <div id='map'></div>
        <script>
            mapboxgl.accessToken = '<your access token here>';
            var map = new mapboxgl.Map({
                container: 'map', // container id
                style: 'mapbox://styles/mapbox/streets-v9', //stylesheet location
                center: [116.28, 39.54], // starting position 北京的经纬度坐标
                zoom: 3, // starting zoom
            });
        </script>
    
    </body>
    
    </html>

    先有案例,才好入门mapbox。

    来自:mapbox中国 官网

    https://www.mapbox.cn/mapbox-gl-js/examples/

  • 相关阅读:
    SQL INNER JOIN
    SQL JOIN
    SQL OUTER JOIN
    SQL CROSS JOIN
    SQL 基础:Select语句,各种join,union用法
    Morton Code
    vs 字体
    sql 语言
    sqllite3
    linux怎么区别文本文件和二进制文件
  • 原文地址:https://www.cnblogs.com/zhzhang/p/11265184.html
Copyright © 2011-2022 走看看