Openlayers4載入天地圖

阿新 • • 發佈：2019-01-21

相較於ArcGIS API而言，Openlayers新增天地圖和其他第三方的地圖服務簡單多了。通過ol.layer.Tile呼叫切片地圖服務，因為天地圖服務遵循TMS標準，所以在source屬性中使用ol.source.XYZ類，服務地址可以在天地圖中檢視到。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width" />
    <link 
 rel="stylesheet" href="libs/openlayers-v3.20.0-dist/ol.css">
    <script src="libs/openlayers-v3.20.0-dist/ol.js"></script>
    <title></title>
    <style>
        html,body,#map{width:100%;height:100%}
    </style>
</head>
<body>
<div id="map" class="map"></div 
>
</body>
<script>
var tian_di_tu_satellite_layer = new ol.layer.Tile({
    title: "天地圖衛星影像",
    visible:false,
    source: new ol.source.XYZ({
        url: 'http://t4.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z}'
    })
});
var tian_di_tu_road_layer = new ol.layer.Tile({
    title: "天地圖路網" 
,
    source: new ol.source.XYZ({
        url: "http://t4.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z}"
    })
});
var tian_di_tu_annotation = new ol.layer.Tile({
    title: "天地圖文字標註",
    source: new ol.source.XYZ({
        url: 'http://t4.tianditu.com/DataServer?T=cva_w&x={x}&y={y}&l={z}'
    })
});
var map = new ol.Map({
    target: 'map',
    layers: [tian_di_tu_satellite_layer, tian_di_tu_road_layer, tian_di_tu_annotation],
    overlays: [],
    view: new ol.View({
        center: [106.52714, 29.62487],
        projection: 'EPSG:4326',
        zoom: 12
    }),
    //比例尺
    controls: ol.control.defaults()
});
</script>
</html>

GIS
GIS

Openlayers4載入天地圖

相較於ArcGIS API而言，Openlayers新增天地圖和其他第三方的地圖服務簡單多了。通過ol.layer.Tile呼叫切片地圖服務，因為天地圖服務遵循TMS標準，所以在source屬

Openlayers離線載入天地圖

com def servlet 名稱 efault sqlite stub 好的 resultset 概述：經過一個春節的休整，今天最終開始了！任何時候。都不要忘記學習。學習是一輩子的事情！今天，我來說說怎樣實現天地圖的離線以及Openlayers載入離線數據實現天地圖

OpenLayers載入天地圖

openlayer 是基於JavaScript的webGIS庫，通過openlayer可以很容易的呼叫地圖，並做相應的操作。在head中載入openlayer的js檔案： <link rel="stylesheet" href="https://openlayers.org/e

天地圖專題一：載入天地圖

最近公司的專案到了尾聲。總結一下專案中的一些技術。其中有涉及到天地圖的部分。類似百度地圖，google地圖。我們要用一些它的公共介面，實現一些我們的效果。比如在地圖上顯示我們的裝置的位置，範圍，執行軌跡等等。大多數的功能其實都只是參考天地圖官方api。http://api.t

4.02WorldWindAndroid載入天地圖線上非正切片地圖

WorldWindAndroid對於TileImage的載入預設是按照等經緯差的正切片載入的，經圈範圍-180--180，緯圈範圍-90--90，所以，經緯方向上的切片規格為2X1！為了能夠載入經緯差之比為2：1的切片服務，需要將載入正切片的方式進行一定的處理，才能正確載入本服務！ 1、第一級

osmdroid 載入天地圖線上向量和影像資料

osmdroid 載入天地圖線上向量和影像資料轉載載入天地圖線上向量和影像資料 Osmdroid下載地址 Osmdroid github 效果圖程式碼展示影像地圖 import android.os.Bundle; impor

使用openlayers 3 線上載入天地圖及GeoServer釋出的地圖

之前試了openlayers2載入天地圖，不過公司已經棄用2，所以使用openlayers3來載入天地圖衛星圖和標註圖層，今天又學習了GeoServer釋出地圖，一併用openlayers測試加載出來，順便實現了7種地圖控制元件。下面直接貼程式碼：<!

GIS初學者，最新OpenLayers WMTS 天地圖，OpenLayers載入天地圖、呼叫天地圖WMTS示例、tianditu、EPSG:3857、EPSG:4326

2018最新OpenLayers天地圖載入可行方案，天地圖WMTS呼叫，OpenLayers 天地圖 WMTS GetCapabilities GetTile 最近要了解Web GIS方面的知識，對我這些外行人來說比較吃力，用OpenLayers載入天地圖也遇到了小打擊

OpenLayers 3 之載入天地圖

要使用 OpenLayers 3 載入天地圖，首先要弄清楚天地圖釋出的原理，以及遵循的釋出規範，上一篇中我們提到了使用 OpenLayers 3 載入百度地圖，我們提到一般網路地圖為了加快訪問速度，都採用快取切片地圖的方式，天地圖也不例外，而且原理

《ArcGIS Runtime for Android 100.2.1學習筆記》二：通過WebTiledLayer載入天地圖

1、WebTiledLayer WebTiledLayer是100.1後新加入的圖層型別，用於定義一個可擴充套件的切片圖層，該圖層根據URL從切片伺服器中請求影象，它提供了一種將非ArcGIS Services作為圖層繼承到地圖中的簡單方法。 URL通常遵循：ht

openlayers載入天地圖WMTS服務

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <li

arcgis api for javascript 3.21和4.4載入天地圖

arcgis js api目前有兩條路線，4.4支援2D和3D地圖，3.21主要做2D全景圖，兩種的地圖載入方式和介面的用法還是有些不同的，以前用3.21載入天地圖的時候直接用天地圖的REST url就可以載入地圖，在用新的4.4載入天地圖的時候參照官網的載入例子缺怎麼都無

arcgis載入線上官方高清天地圖的方法，最大1:2000

1.註冊天地圖開發者，可以用郵箱很快的免費申請，無任何流量，訪問次數的限制地址http://lbs.tianditu.gov.cn/ 2.使用天地圖地圖服務 http://lbs.tianditu.gov.cn/server/MapService.html 天

使用osmdroid載入谷歌、高德、天地圖等瓦片地圖

研究了一星期多的Osmdroid，深感這個開源的android地圖包強大，因為使用其他瓦片涉及智慧財產權，請大家謹慎使用，本文只做研究測試。新建GoogleTileSource類繼承org.osmdroid.tileprovider.tilesource.T

開源GIS（三）——openlayers地圖基本框架與天地圖載入

目錄一、引言四、總結一、引言換工作中間耽誤了好長時間沒有更過blog了，現在終於有時間搞開源webgis了，先從openlayer下手，後面打算在研究geoserver、postgis、geotool等技術和OGC中WMS、WF

OpenLayers 3 載入WMTS天地圖

設定空間參考座標系使用哪個座標系取決於載入的地圖服務，如果座標系與地圖服務的不同，則可能出現無法載入地圖的問題 var projection = ol.proj.get('EPSG:4326'

leaflet載入國家天地圖服務

補充（2018年8月2日）現在leaflet.js已經支援EPSG4326。如果你使用的是新版本的leaflet，那麼通過簡單的配置就能實現： var map = L.map('mapid', { crs: L.CRS.EPSG4326 }).setVie

天地圖

maker lin timer hit 數據默認 -a off [0 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>加載天地圖標

ArcGIS API for JavaScript3.x 學習筆記[3] 加載底圖（一）【天地圖（經緯度版）】

矢量地圖說明 tiled spa 過程相同服務器列表 text 服務 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5

Android GIS開發系列-- 入門季（12）顯示載天地圖

nts down initial spatial 動態加載 static mapview internal nat 在項目中可以經常需要動態加載一些圖層，像投影地圖服務、投影地圖服務器。其實網上有大量這樣的服務，比如天地圖官網，。隨便點開一個服務，裏面有相關的信息。

Openlayers4載入天地圖

相關推薦