完成你的第一個superMap示例

一、從官網下載superMap安裝包,我選擇setup包javascript

二、解壓壓縮文件後,按照readme指導書,運行setup.exe進行安裝html

     解壓後壓縮包包含文件:java

    

執行setup.exe進行安裝,其中SuperMap_iServer_8C_Readme_Windows_CHS.pdf文件中有詳細的說明,從安裝產品到購買許可或者申請試用許可,ios

打卡許可管理中心的時候,可能會遇到問題,解決方案參考:http://blog.csdn.net/supermapsupport/article/details/68921525web

三、安裝完成以後,首先,須要啓動iserver服務:瀏覽器

    

      其次,正常打開許可中心的狀況下,系統會自動安裝依賴驅動,並默認安裝試用許可,時間是90天,申請軟件使用軟許可,詳情參見SuperMap_iServer_8C_Readme_Windows_CHS.pdf配置許可信息一章函數

      最後,許可配置以後,就能夠登陸(iserver服務默認的端口是8090)url

      http://localhost:8088/iserver/  總入口,能夠查看示例及代碼,也能夠查看超圖API,用於二次開發   spa

     

       進行訪問服務管理頁面:.net

       http://localhost:8088/iserver/manager/services,須要設置登陸用戶名和密碼,登錄進去以後可對服務進行管理,可發佈新的服務,

       發佈服務相關操做參考:

      

四、進行二次開發,安裝完成後,提供對web,安卓,ios開發的支持,

 

建立html文件,將libs和theme中的文件引入,便可進行開發

<!DOCTYPE HTML>
<html>
<head> 
 <title>SuperMap iClient for JavaScript:TiledDynamicRESTLayer</title>
 <!--引用須要的腳本-->
 <script src="../libs/SuperMap.Include.js"></script>
 <script type="text/javascript">
 //聲明變量map、layer、url
 var map, layer,
 url = "http://localhost:8090/iserver/services/map-world/rest/maps/World";
 //建立地圖控件
function init() {
 map = new SuperMap.Map ("map");
    map.addControl(new SuperMap.Control.ScaleLine());
 //建立分塊動態REST圖層,該圖層顯示iserver 8C 服務發佈的地圖,
 //其中"world"爲圖層名稱,url圖層的服務地址,{transparent: true}設置到url的可選參數
layer = new SuperMap.Layer.TiledDynamicRESTLayer("World", url, 
 null, {maxResolution:"auto"});
 layer.events.on({"layerInitialized": addLayer}); 
 } 
 function addLayer() {
 //將Layer圖層加載到Map對象上
map.addLayer(layer);
 //出圖,map.setCenter函數顯示地圖
map.setCenter(new SuperMap.LonLat(0, 0), 0); 
 }
 </script>
</head>
<body onload="init()">
 <!--地圖顯示的div-->
 <div id="map" style="position:absolute;left:0px;right:0px;width:800px;height:500px;" > 
 </div> 
</body>
</html>


在瀏覽器打開html文件,第一個超圖頁面就完成了

 

備註:超圖服務會被一些殺毒軟件或者淨網軟件攔截,致使圖出不來,若是遇到服務正常,用localhost和127.0.0.1均可以訪問,而換成本身的ip訪問不了的狀況,請檢查是不是被攔截了

相關文章
相關標籤/搜索