BIGEMAP卫星地图_高清卫星地图_北斗高清地图_地图软件_矢量地图数据_专题地图

Hello, World！

編輯時間：2017-02-03

創建第一個離線地圖 HTML+JS完整代碼：

<!DOCTYPE html>
 <html>
 <head>
 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 <title>Hello World</title>
 <style type="text/css">
         body, html {width: 100%;height: 100%;margin:0;font-family:"微軟雅黑";}
         #allmap{width:100%;height:100%;}
 </style>
 <!-- 引入核心js文件 -->
 <script type="text/javascript" src="js/apiv.2.0.js"></script>
 </head>
 <body>
 <div id="allmap"></div>
 </body>
 </html>
 <script type="text/javascript">
         // 創建Map實例
         var map = new BMap.Map("allmap", {enableMapClick:false});
         // 設置地圖背景色為白色
         map.getContainer().style.background = '#FFF';
         // 初始化地圖,設置中心點坐標和地圖級別
         var point = new BMap.Point(110.1, 35.1);
         map.centerAndZoom(point, 5);
 </script>

創建地圖實例

var map = new BMap.Map("allmap");

位于BMap命名空間下的Map類表示地圖，通過new操作符可以創建一個地圖實例。其參數可以是元素id也可以是元素對象。

注意在調用此構造函數時應確保容器元素已經添加到地圖上。

創建點坐標

var point = new BMap.Point(110.1, 35.1);

這里我們使用BMap命名空間下的Point類來創建一個坐標點。Point類描述了一個地理坐標點，其中116.404表示經度，39.915表示緯度。

地圖初始化

map.centerAndZoom(point, 5);

在創建地圖實例后，我們需要對其進行初始化，BMap.Map.centerAndZoom()方法要求設置中心點坐標和地圖級別。地圖必須經過初始化才可以執行其他操作

默認設置

map.enableScrollWheelZoom();                  // 啟用滾輪放大縮小。
map.enableKeyboard();                         // 啟用鍵盤操作。
map.enableContinuousZoom();                 //啟用連續縮放效果
map.enableDragging();                        //開啟拖拽

若需要禁止拖拽設置 map.disableDragging();即可

地圖瓦片經過裁剪后其余部分為白色，百度地圖默認灰色背景，首先設置地圖容器背景色為白色

效果如下：

QQ截圖20170301225627.jpg

圖1 地圖顯示

谷歌離線地圖

產品與服務

行業解決方案

數據展示方案

新聞資訊

支持與幫助

郵箱：1810053410@qq.com

電話：028-65472965/400-028-7262

地址：成都市高新區環球中心E5 8樓 3-2-802/804

BIGEMAP GIS Office是一款GIS領域國產自主化基礎軟件，提供了上百種數據格式的處理與轉換，支持多投影方式互轉；將GIS技術應用到各行業的數據編輯、處理、GIS制圖出圖、GIS項目工程、數據服務等。支持的數據格式：shp shpfile kml kmz cad dwg dxf gpx txt csv excel mbtiles osgb 3Dtiles jpg png tiff geotiff web json 柵格地圖、矢量地圖、衛星圖像、航拍影像、地形圖、等高線、道路圖層、矢量數據等等相關數據集；提供了CGCS2000、WGS84、Xi'an80、Beijing54等投影相互轉化；數據集的服務發布一鍵完成并提供離線地圖二次開發的接口。

在線客服(直接聊)

微信掃碼添加客服

400-028-7262