怎么用javascript判斷該坐標(biāo)是否在地圖區(qū)域范圍內(nèi)
這篇文章主要介紹“怎么用javascript判斷該坐標(biāo)是否在地圖區(qū)域范圍內(nèi)”，在日常操作中，相信很多人在怎么用javascript判斷該坐標(biāo)是否在地圖區(qū)域范圍內(nèi)問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”怎么用javascript判斷該坐標(biāo)是否在地圖區(qū)域范圍內(nèi)”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！
成都創(chuàng)新互聯(lián)基于成都重慶香港及美國等地區(qū)分布式IDC機(jī)房數(shù)據(jù)中心構(gòu)建的電信大帶寬，聯(lián)通大帶寬，移動大帶寬，多線BGP大帶寬租用,是為眾多客戶提供專業(yè)電信內(nèi)江機(jī)房報(bào)價(jià)，主機(jī)托管價(jià)格性價(jià)比高，為金融證券行業(yè)服務(wù)器托管，ai人工智能服務(wù)器托管提供bgp線路100M獨(dú)享，G口帶寬及機(jī)柜租用的專業(yè)成都idc公司。
具體需求如下：
根據(jù)騰訊地圖劃分配送區(qū)域，總站下邊設(shè)多個(gè)配送分站，然后將訂單中的收貨地址將其分配給不同的配送分站。
1、地圖區(qū)域劃分（騰訊地圖）
1.1、HTML
重置地圖
1.2、JS
//初始化新地圖
initNewMap:function(){
var map = new qq.maps.Map(document.getElementById("container"), {
center: new qq.maps.LatLng(36.05562,103.88191),// 地圖的中心地理坐標(biāo)。
zoom:13// 地圖的中心地理坐標(biāo)。
});
var drawingManagerOpt = new qq.maps.drawing.DrawingManager({
drawingMode: qq.maps.drawing.OverlayType.POLYGON,
drawingControl: true,
drawingControlOptions: {
position: qq.maps.ControlPosition.TOP_CENTER,
drawingModes: [
qq.maps.drawing.OverlayType.POLYGON
]
},
circleOptions: {
fillColor: new qq.maps.Color(255, 208, 70, 0.3),
strokeColor: new qq.maps.Color(88, 88, 88, 1),
strokeWeight: 3,
clickable: false
}
});
drawingManagerOpt.setMap(map);
var points = "";
qq.maps.event.addListener(drawingManagerOpt, 'overlaycomplete', function(event) {
event.overlay.getPath().forEach(function(e){
var lng=e.getLng();
var lat=e.getLat();
points+=lng+","+lat+"-";
});
points=points.substring(0, points.length-1);
vm.getPeopleDataByPolygon(points);
});
},
//初始化老的地圖
initOldMap:function(value){
var map = new qq.maps.Map(document.getElementById("container"), {
center: new qq.maps.LatLng(36.05562,103.88191),// 地圖的中心地理坐標(biāo)。
zoom:13// 地圖的中心地理坐標(biāo)。
});
//獲取舊坐標(biāo)
let data = $("#jqGrid").jqGrid('getRowData', getSelectedRow("#jqGrid"));
var areaCoordinateArray = new Array();
areaCoordinateArray = data.areaCoordinate.split("-");
var path = new Array();
for(var i=0;i1.3、結(jié)果：
2、判斷坐標(biāo)是否在多邊形區(qū)域內(nèi)
/**
* 判斷是否在多邊形區(qū)域內(nèi)
*
* @param pointLon
* 要判斷的點(diǎn)的縱坐標(biāo)
* @param pointLat
* 要判斷的點(diǎn)的橫坐標(biāo)
* @param lon
* 區(qū)域各頂點(diǎn)的縱坐標(biāo)數(shù)組
* @param lat
* 區(qū)域各頂點(diǎn)的橫坐標(biāo)數(shù)組
* @return
*/
public static boolean isInPolygon(double pointLon, double pointLat, double[] lon,
double[] lat) {
// 將要判斷的橫縱坐標(biāo)組成一個(gè)點(diǎn)
Point2D.Double point = new Point2D.Double(pointLon, pointLat);
// 將區(qū)域各頂點(diǎn)的橫縱坐標(biāo)放到一個(gè)點(diǎn)集合里面
List pointList = new ArrayList();
double polygonPoint_x = 0.0, polygonPoint_y = 0.0;
for (int i = 0; i < lon.length; i++) {
polygonPoint_x = lon[i];
polygonPoint_y = lat[i];
Point2D.Double polygonPoint = new Point2D.Double(polygonPoint_x, polygonPoint_y);
pointList.add(polygonPoint);
}
return check(point, pointList);
}
/**
* 一個(gè)點(diǎn)是否在多邊形內(nèi)
*
* @param point
* 要判斷的點(diǎn)的橫縱坐標(biāo)
* @param polygon
* 組成的頂點(diǎn)坐標(biāo)集合
* @return
*/
private static boolean check(Point2D.Double point, List polygon) {
java.awt.geom.GeneralPath peneralPath = new java.awt.geom.GeneralPath();
Point2D.Double first = polygon.get(0);
// 通過移動到指定坐標(biāo)（以雙精度指定），將一個(gè)點(diǎn)添加到路徑中
peneralPath.moveTo(first.x, first.y);
polygon.remove(0);
for (Point2D.Double d : polygon) {
// 通過繪制一條從當(dāng)前坐標(biāo)到新指定坐標(biāo)（以雙精度指定）的直線，將一個(gè)點(diǎn)添加到路徑中。
peneralPath.lineTo(d.x, d.y);
}
// 將幾何多邊形封閉
peneralPath.lineTo(first.x, first.y);
peneralPath.closePath();
// 測試指定的 Point2D 是否在 Shape 的邊界內(nèi)。
return peneralPath.contains(point);
}到此，關(guān)于“怎么用javascript判斷該坐標(biāo)是否在地圖區(qū)域范圍內(nèi)”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！
當(dāng)前題目：怎么用javascript判斷該坐標(biāo)是否在地圖區(qū)域范圍內(nèi)
本文網(wǎng)址：http://m.br277.com/article/gjeosd.html
