<!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 {
width: 100%;
height: 100%;
margin: 0;
font-family: "微軟雅黑";
}
#allmap {
width: 100%;
height: 500px;
}
p {
margin-left: 5px;
font-size: 14px;
}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=tb3xO9tSnOggEciyQBO03vEUydIvdTsY"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/CurveLine/1.5/src/CurveLine.min.js"></script>
<title>添加橢圓</title>
</head>
<body>
<div id="allmap"></div>
<p>在地圖上添加一個(gè)橢圓，圓的顏色為藍(lán)色远舅、線(xiàn)寬6px茶袒、透明度為1，填充顏色為白色，透明度為0.5</p>
</body>
</html>
<script type="text/javascript">
// 百度地圖API功能
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 10);
//centre:橢圓中心點(diǎn),X:橫向經(jīng)度,Y:縱向緯度
function add_oval(centre, x, y) {
var assemble = new Array();
var angle;
var dot;
var tangent = x / y;
for(i = 0; i < 36; i++) {
angle = (2 * Math.PI / 36) * i;
dot = new BMap.Point(centre.lng + Math.sin(angle) * y * tangent, centre.lat + Math.cos(angle) * y);
assemble.push(dot);
}
return assemble;
}
//以畫(huà)多邊形區(qū)域的方法畫(huà)扇形區(qū)域 畫(huà)出以point2點(diǎn)為圓心瑟慈，半徑為radius航唆，夾角從sDegree到eDegree的扇形
//Sector1(point,300,10,60,"hello")
function Sector1(point2, radius, sDegree, eDegree, opts) {
var points = []; //創(chuàng)建構(gòu)成多邊形的點(diǎn)數(shù)組
var step = ((eDegree - sDegree) / 10) || 10; //根據(jù)扇形的總夾角確定每步夾角度數(shù)，最大為10
points.push(point2);
for(var i = sDegree; i < eDegree + 0.001; i += step) { //循環(huán)獲取每步的圓弧上點(diǎn)的坐標(biāo)冷溶，存入點(diǎn)數(shù)組
points.push(EOffsetBearing(point2, radius, i));
}
points.push(point2);
if(sDegree == eDegree) {
var planepoint = points[1];
var myIcon = new BMap.Icon("../images/uav.png",
new BMap.Size(36, 36));
var marker = new BMap.Marker(planepoint, {
icon: myIcon
});
var infoWindow = new BMap.InfoWindow("信息:", opts); // 創(chuàng)建信息窗口對(duì)象
marker.addEventListener("click", function() {
map.openInfoWindow(infoWindow, planepoint); // 開(kāi)啟信息窗口
//window.external.Test(sDegree);
});
map.addOverlay(marker);
}
return points;
}
//使用數(shù)學(xué)的方法計(jì)算需要畫(huà)扇形的圓弧上的點(diǎn)坐標(biāo)
function EOffsetBearing(point3, dist, bearing) {
var lngConv = map.getDistance(point3, new BMap.Point(point3.lng + 0.1, point3.lat)) * 10; //計(jì)算1經(jīng)度與原點(diǎn)的距離
var latConv = map.getDistance(point3, new BMap.Point(point3.lng, point3.lat + 0.1)) * 10; //計(jì)算1緯度與原點(diǎn)的距離
var lat = dist * Math.sin(bearing * Math.PI / 180) / latConv; //正弦計(jì)算待獲取的點(diǎn)的緯度與原點(diǎn)緯度差
var lng = dist * Math.cos(bearing * Math.PI / 180) / lngConv; //余弦計(jì)算待獲取的點(diǎn)的經(jīng)度與原點(diǎn)經(jīng)度差
return new BMap.Point(point3.lng + lng, point3.lat + lat);
}
var oval = new BMap.Polygon(Sector1(point,300000,20,60,"hello"), {
strokeColor: "blue",
strokeWeight: .9,
strokeOpacity: 0.5
});
map.addOverlay(oval);
map.enableScrollWheelZoom();
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.addControl(new BMap.MapTypeControl());
</script>百度地圖繪制扇形
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門(mén)歌亲，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)，“玉大人堡掏，你說(shuō)我怎么就攤上這事应结。” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵鹅龄，是天一觀的道長(zhǎng)揩慕。 經(jīng)常有香客問(wèn)我，道長(zhǎng)扮休，這世上最難降的妖魔是什么迎卤？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮玷坠，結(jié)果婚禮上蜗搔，老公的妹妹穿的比我還像新娘。我一直安慰自己八堡，他們只是感情好樟凄，可當(dāng)我...
- 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著兄渺，像睡著了一般缝龄。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上挂谍，一...
- 那天叔壤，我揣著相機(jī)與錄音，去河邊找鬼口叙。 笑死炼绘，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的妄田。 我是一名探鬼主播俺亮，決...
- 文/蒼蘭香墨 我猛地睜開(kāi)眼，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼疟呐！你這毒婦竟也來(lái)了铅辞？” 一聲冷哼從身側(cè)響起，我...
- 序言：老撾萬(wàn)榮一對(duì)情侶失蹤萨醒，失蹤者是張志新（化名）和其女友劉穎，沒(méi)想到半個(gè)月后苇倡，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體富纸，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年旨椒，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了晓褪。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
- 正文 年R本政府宣布愉镰，位于F島的核電站，受9級(jí)特大地震影響钧汹，放射性物質(zhì)發(fā)生泄漏丈探。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一拔莱、第九天 我趴在偏房一處隱蔽的房頂上張望碗降。 院中可真熱鬧，春花似錦塘秦、人聲如沸讼渊。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)爪幻。三九已至，卻和暖如春赋兵，著一層夾襖步出監(jiān)牢的瞬間笔咽，已是汗流浹背。 一陣腳步聲響...
- 正文 我出身青樓历造，卻偏偏與公主長(zhǎng)得像甩十，于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子吭产，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 轉(zhuǎn)載臣淤、引用請(qǐng)標(biāo)明出處http://www.reibang.com/p/fdd1ba783495本文出自zhh_ha...
- 百度地圖的文件都沒(méi)有上傳,需要自己導(dǎo)入一下才可以使用.https://github.com/dong1362795...
- 寫(xiě)在前面歡迎訪(fǎng)問(wèn)我的博客 如果需要使用百度地圖javasript api,需先進(jìn)行開(kāi)發(fā)者認(rèn)證橄霉，balalalala...
- 其他文章:安卓百度離線(xiàn)地圖的下載以及使用安卓百度地圖（一）定位功能的實(shí)現(xiàn)姓蜂、周邊POI的檢索安卓百度地圖（二）地圖顯...
- Android百度地圖開(kāi)發(fā)（一）：概述 Android百度地圖開(kāi)發(fā)（二）：項(xiàng)目創(chuàng)建 Android百度地圖開(kāi)發(fā)（三...
