高清在线一区二区_激情网在线观看_激情一区二区三区_精品中文一区_亚洲中字幕_亚洲天堂一区

Hello, World!
編輯時(shí)間:2017-02-03

創(chuàng)建第一個(gè)離線地圖 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">
       
// 創(chuàng)建Map實(shí)例
       
var map = new BMap.Map("allmap", {enableMapClick:false});
       
// 設(shè)置地圖背景色為白色
       
map.getContainer().style.background = '#FFF';
       
// 初始化地圖,設(shè)置中心點(diǎn)坐標(biāo)和地圖級(jí)別
       
var point = new BMap.Point(110.1, 35.1);
       
map.centerAndZoom(point, 5);
</script>

創(chuàng)建地圖實(shí)例

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

位于BMap命名空間下的Map類表示地圖,通過new操作符可以創(chuàng)建一個(gè)地圖實(shí)例。其參數(shù)可以是元素id也可以是元素對(duì)象。

注意在調(diào)用此構(gòu)造函數(shù)時(shí)應(yīng)確保容器元素已經(jīng)添加到地圖上。

創(chuàng)建點(diǎn)坐標(biāo)

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

這里我們使用BMap命名空間下的Point類來創(chuàng)建一個(gè)坐標(biāo)點(diǎn)。Point類描述了一個(gè)地理坐標(biāo)點(diǎn),其中116.404表示經(jīng)度,39.915表示緯度。

地圖初始化

map.centerAndZoom(point, 5);

在創(chuàng)建地圖實(shí)例后,我們需要對(duì)其進(jìn)行初始化,BMap.Map.centerAndZoom()方法要求設(shè)置中心點(diǎn)坐標(biāo)和地圖級(jí)別。 地圖必須經(jīng)過初始化才可以執(zhí)行其他操作

默認(rèn)設(shè)置

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

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


地圖瓦片經(jīng)過裁剪后其余部分為白色,百度地圖默認(rèn)灰色背景,首先設(shè)置地圖容器背景色為白色

效果如下:

QQ截圖20170301225627.jpg

 圖1 地圖顯示

微信掃碼添加客服
400-028-7262
聯(lián)系我們
主站蜘蛛池模板: 亚洲精品免费播放 | 在线1区| 美女视频大全网站免费 | 91短视频版高清在线观看www | 久久久久久久91 | 国产午夜精品一区二区三区嫩草 | chinesehdxxxx实拍 日韩电影视频 | h久久| 97伦理| 久久99国产精品免费网站 | 在线观看免费精品 | 成人在线免费小视频 | 操穴视频| 娇妻被各种姿势c到高潮小说 | 蜜桃视频在线播放 | 91精品久久香蕉国产线看观看 | 色女生影院 | 牛牛热这里只有精品 | 91成人在线网站 | 一级免费 | 久久国产亚洲精品 | 国产自91精品一区二区 | 午夜久久久精品一区二区三区 | 欧美一区二区三区成人精品 | 电视剧全部免费观看 | 欧美另类综合 | 韩日黄色片 | 国产欧美日韩在线不卡第一页 | 亚洲一区成人在线 | 亚洲αv| 欧美一级淫片免费视频1 | 国产乱一区二区三区视频 | 久久久久久久久久一本门道91 | 在线播放亚洲视频 | 国产99视频在线观看 | 91麻豆精品国产91久久久更新资源速度超快 | 久久精品视频免费 | 成人啪啪18免费网站 | 国产18视频 | 国产99一区二区 | 午夜色片|