|
|
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微軟雅黑";}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak=YaVxfWm5w4na4AjeObFgzYlLahyPdTGf"></script>
<title>地圖展示</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
var map = new BMapGL.Map("allmap"); // 創(chuàng)建Map實(shí)例
map.centerAndZoom(new BMapGL.Point(109.951435,21.677049), 15); // 初始化地圖,設(shè)置中心點(diǎn)坐標(biāo)和地圖級(jí)別,參數(shù)1:變大去左邊,參數(shù)2:變大去下邊，
map.enableScrollWheelZoom(true); //開(kāi)啟鼠標(biāo)滾輪縮放
map.setHeading(64.5); //設(shè)置地圖旋轉(zhuǎn)角度
map.setTilt(73); //設(shè)置地圖的傾斜角度
map.setMapType(BMAP_EARTH_MAP); // 設(shè)置地圖類型為地球模式
var scaleCtrl = new BMapGL.ScaleControl(); // 添加比例尺控件
map.addControl(scaleCtrl);
var zoomCtrl = new BMapGL.ZoomControl(); // 添加縮放控件
var opts = {
width: 50, // 信息窗口寬度
height:20, // 信息窗口高度
title: "我村位置" // 信息窗口標(biāo)題
}
var infoWindow = new BMapGL.InfoWindow("廣東.廉江.青平.鯽魚(yú)湖", opts); // 創(chuàng)建信息窗口對(duì)象
map.openInfoWindow(infoWindow, map.getCenter()); // 打開(kāi)信息窗口
</script>
我知道答案
回答被采納將會(huì)獲得 1 貢獻(xiàn) 已有0人回答
|
|
關(guān)注公眾號(hào)
有償服務(wù)微信
有償服務(wù)QQ
皖公網(wǎng)安備34010302002376號(hào) )|網(wǎng)站地圖|
發(fā)表于 2022-8-23 10:45:43