亚洲动漫在线观看-亚洲动漫第一页-亚洲丁香婷婷-亚洲丶国产丶欧美一区二区三区-亚洲第一综合网站-亚洲第一永久色

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)系我們
主站蜘蛛池模板: 大学生特黄特色大片免费播放 | 欧美一卡二卡科技有限公司 | 欧美日韩国产亚洲一区二区三区 | 国产真实伦对白在线播放 | 精品推荐国产麻豆剧传媒 | 黄a在线观看 | 射18p | 日本动漫打扑克动画片樱花动漫 | 国产一区二区三区福利 | 国语自产拍在线播放不卡 | 3d动漫美女被吸乳羞羞有 | 久久人妻少妇嫩草AV無碼 | 成人免费在线视频网 | 大陆男男gayxxxxvideo | se01在线看片 | 乌克兰精品摘花处破 | 精品视频入口 | 日本aa大片在线播放免费看 | 99国产精品久久久久久久... | 久久久高清国产999尤物 | 99视频在线观看视频一区 | 高清视频一区二区三区 | 国产无套在线播放 | 色吧五月婷婷 | 久久爽狠狠添AV激情五月 | 欧美成a人片免费看久久 | 日本黄色录像视频 | 精品一久久香蕉国产线看观 | 日本成年片高清在线观看 | 精品国产自在现线拍国语 | 亚洲精品一区在线观看 | 亚洲网视频| 99re免费在线视频 | 亚洲码和乱人伦中文一区 | 无人区在线观看免费国语完整版 | 青青国产成人久久91网 | 美女口述又粗又大感觉 | 青青热久麻豆精品视频在线观看 | 亚洲国产在线综合018 | 免费观看无遮挡www的小视频 | 国产亚洲视频网站 |