疊加開放式服務

疊加開放式服務

TGOS「地圖服務發布共用平台」中,加盟節點使用者可上傳自有圖資發布服務,並可選擇服務使用是否需要授權。開放式服務是完全公開的服務類型,不需要使用授權,所有取得服務位址的使用者,都可以順利接取服務。在「地圖服務發布共用平台」中,提供服務發布的種類共有WMSWFSKML三種,若該服務為開放式,則依照一般的方法即可直接使用。在此說明中,以WMS服務接取作為說明,利用TGOS 3D API (Web)中的TEWmsLayer類別,疊加「地圖服務發布共用平台」發布的服務。

<html>

<head>

<meta http-equiv="Content-Type"content="text/html;charset=utf-8"/>

<title>疊加開放式WMS服務</title>

<script type="text/javascript"src="http://3dapi.tgos.tw/TG3D_API/TGOS3D?ver=1&AppID=yourID&APIKey=yourkey"charset="utf-8"></script>

<!--下載後請將yourIDyourkey取代為您申請所取得的APPIDAPIKEY方能正確顯示服務-->

<script type="text/javascript">

var tg3dEarth;  //建立空物件, 準備指定為圖台物件

function InitWnd() {

var pBody = document.getElementById("TGMap"); //取得圖台物件放置的DIV容器

tg3dEarth = newTGOS.TEOnlineMap(pBody, {  //建立圖台

viewpoint: newTGOS.TEViewpoint(121.32423,24.43234, 150000, 0, 0//指定圖抬初始化視點位置

});

}

 

function WmsLayerClick(){

var url = document.getElementById('wmsUrl').value; //WmsUrl文字框中取得WMS服務位址

var wms = newTGOS.TEWmsLayer(url,{  //建立WMS圖層物件

map:tg3dEarth  //繪製WMS圖層物件的圖台物件

});

}

</script>

</head>

<body style="margin:0px"onload="InitWnd();">

<div id="TGMap" style="width: 800pt; height: 500pt; border: 1px solid #C0C0C0;"> </div>

<input id="wmsUrl" type="text"size="80"value="http://ogcmap.tgos.tw/TGOS_UserServices/26629/TEST01/SimpleWMS.aspx"/><br/>

<!--wmsUrl文字框中預設輸入地圖共用發布平台所發布的服務及各項WMS參數-->

<input type="button" value="疊加WMS"onclick="WmsLayerClick();">

</body>

</html>

 

 

回到上方