OpenLayers的使用----一個完全免費開源的地圖JS庫

OpenLayers很容易的在網站里放置動態地圖。它能顯示展開圖及從資源中加載地圖標記及矢量數據。它被開發出盡可能的使用所有的地圖信息。并且它是完全免費及開源的.
詳細了解可去它的官網：http://openlayers.org/

目前創新互聯公司已為成百上千的企業提供了網站建設、域名、虛擬主機、網站托管、服務器托管、企業網站設計、三沙網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協力一起成長，共同發展。

簡單使用，如展示一個塊地圖

<!doctype html>
<html lang="en">
  <head>
    <!--引入openlayers的css-->
    <link rel="stylesheet"  type="text/css">
    <style>
      .mymap {
        height: 400px;
        width: 100%;
      }
    </style>
    <!--
        如果在老的android平臺及早期IE還需要在openlayers之前引入下面的js來兼容
         <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList"></script>
    -->
    <!--引入openlayers的js-->
    <script src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.2.0/build/ol.js"></script>
  </head>
  <body>
    <div id="mymap" class="mymap"></div>
    <script type="text/javascript">
      /*
        創建openlayers中的一個map對象。并傳遞一個json對象來配置地圖的一些參數。
        target中的值是document中塊標簽的id，用于顯示地圖的容器指定。
        layers：地圖圖層的配置，這里指定一個簡單的塊狀地圖圖層。
        view：用于指地圖顯示的中心位置及縮放比例還旋轉
      */
      var map = new ol.Map({
        target: 'map',
        layers: [
          new ol.layer.Tile({
            source: new ol.source.OSM()
          })
        ],
        view: new ol.View({
          center: ol.proj.fromLonLat([xxx, xxx]),
          zoom: 4
        })
      });
    </script>
  </body>
</html>

網頁名稱：OpenLayers的使用----一個完全免費開源的地圖JS庫
分享鏈接：http://m.newbst.com/article6/gdosog.html

成都網站建設公司_創新互聯，為您提供ChatGPT、企業網站制作、面包屑導航、網站設計、網站策劃、網站制作

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

OpenLayers的使用----一個完全免費開源的地圖JS庫