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

OpenLayers很容易的在網(wǎng)站里放置動態(tài)地圖。它能顯示展開圖及從資源中加載地圖標(biāo)記及矢量數(shù)據(jù)。它被開發(fā)出盡可能的使用所有的地圖信息。并且它是完全免費及開源的.
詳細(xì)了解可去它的官網(wǎng)：http://openlayers.org/

目前創(chuàng)新互聯(lián)公司已為成百上千的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機(jī)、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計、三沙網(wǎng)站維護(hù)等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

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

<!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">
      /*
        創(chuàng)建openlayers中的一個map對象。并傳遞一個json對象來配置地圖的一些參數(shù)。
        target中的值是document中塊標(biāo)簽的id，用于顯示地圖的容器指定。
        layers：地圖圖層的配置，這里指定一個簡單的塊狀地圖圖層。
        view：用于指地圖顯示的中心位置及縮放比例還旋轉(zhuǎn)
      */
      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>

網(wǎng)頁名稱：OpenLayers的使用----一個完全免費開源的地圖JS庫
分享鏈接：http://chinadenli.net/article6/gdosog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、企業(yè)網(wǎng)站制作、面包屑導(dǎo)航、網(wǎng)站設(shè)計、網(wǎng)站策劃、網(wǎng)站制作

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

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

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