久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

    <bdo id='tt2kx'></bdo><ul id='tt2kx'></ul>

<i id='tt2kx'><tr id='tt2kx'><dt id='tt2kx'><q id='tt2kx'><span id='tt2kx'><b id='tt2kx'><form id='tt2kx'><ins id='tt2kx'></ins><ul id='tt2kx'></ul><sub id='tt2kx'></sub></form><legend id='tt2kx'></legend><bdo id='tt2kx'><pre id='tt2kx'><center id='tt2kx'></center></pre></bdo></b><th id='tt2kx'></th></span></q></dt></tr></i><div class="qwawimqqmiuu" id='tt2kx'><tfoot id='tt2kx'></tfoot><dl id='tt2kx'><fieldset id='tt2kx'></fieldset></dl></div>
      <legend id='tt2kx'><style id='tt2kx'><dir id='tt2kx'><q id='tt2kx'></q></dir></style></legend>

      1. <small id='tt2kx'></small><noframes id='tt2kx'>

        <tfoot id='tt2kx'></tfoot>

        傳單正方形給定中心和正方形寬度

        leaflet square given centre and square width(傳單正方形給定中心和正方形寬度)
          <tbody id='B6Ysp'></tbody>

        <legend id='B6Ysp'><style id='B6Ysp'><dir id='B6Ysp'><q id='B6Ysp'></q></dir></style></legend>
        1. <tfoot id='B6Ysp'></tfoot>

              <small id='B6Ysp'></small><noframes id='B6Ysp'>

                  <bdo id='B6Ysp'></bdo><ul id='B6Ysp'></ul>
                • <i id='B6Ysp'><tr id='B6Ysp'><dt id='B6Ysp'><q id='B6Ysp'><span id='B6Ysp'><b id='B6Ysp'><form id='B6Ysp'><ins id='B6Ysp'></ins><ul id='B6Ysp'></ul><sub id='B6Ysp'></sub></form><legend id='B6Ysp'></legend><bdo id='B6Ysp'><pre id='B6Ysp'><center id='B6Ysp'></center></pre></bdo></b><th id='B6Ysp'></th></span></q></dt></tr></i><div class="qwawimqqmiuu" id='B6Ysp'><tfoot id='B6Ysp'></tfoot><dl id='B6Ysp'><fieldset id='B6Ysp'></fieldset></dl></div>

                  本文介紹了傳單正方形給定中心和正方形寬度的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!

                  問題描述

                  在 Leaflet 上,給定中心和半徑,我可以輕松創建一個新圓:

                  On Leaflet I can create a new circle easily given the centre and the radius:

                  // Circle
                  var radius = 500; // [metres]
                  var circleLocation = new L.LatLng(centreLat, centreLon);
                  var circleOptions = {
                      color: 'red',
                      fillColor: '#f03',
                      fillOpacity: 0.5
                  };
                  var circle = new L.Circle(circleLocation, radius, circleOptions);
                  map.addLayer(circle);
                  

                  上面的圓圈創建和繪制沒有問題,所以就是這樣.

                  The circle above is created and drawn without problems, so it is all.

                  但是,如果我現在想創建并繪制一個與圓為界的矩形,它就行不通了.這是我所做的:

                  However, if I wanted now to create and draw a rectangle that which bounds the circle, it does not work. Here is what I did:

                  // Rectangle
                  var halfside = radius;   // It was 500 metres as reported above
                  // convert from latlng to a point (<-- I think the problem is here!)
                  var centre_point = map.latLngToContainerPoint([newCentreLat, newCentreLon]);
                  // Compute SouthWest and NorthEast points
                  var sw_point = L.point([centre_point.x - halfside, centre_point.y - halfside]);
                  var ne_point = L.point([centre_point.x + halfside, centre_point.y + halfside]);
                  // Convert the obtained points to latlng
                  var sw_LatLng = map.containerPointToLatLng(sw_point);
                  var ne_LatLng = map.containerPointToLatLng(ne_point);
                  // Create bound
                  var bounds = [sw_LatLng, ne_LatLng];
                  var rectangleOptions = {
                      color: 'red',
                      fillColor: '#f03',
                      fillOpacity: 0.5
                  };
                  var rectangle = L.rectangle(bounds, rectangleOptions);
                  map.addLayer(rectangle);
                  

                  我得到的矩形的大小與500米無關.此外,看起來矩形的大小取決于地圖的縮放級別.圈子沒有出現這些問題.

                  The size of the rectangle that I obtain has nothing to do with 500 metres. Also, it looks like the size of the rectangle depends on the zoom level the map is. None of these problems arose for the circle.

                  我懷疑我將緯度/經度轉換為點的方式是錯誤的,反之亦然.

                  I suspect the way I transform the latitude/longitude to point and viceversa is wrong.

                  推薦答案

                  使用L.Circle繼承自L.PathgetBounds方法即可代碼>:

                  Just use the getBounds method that L.Circle inherits from L.Path:

                  返回路徑的 LatLngBounds.

                  Returns the LatLngBounds of the path.

                  http://leafletjs.com/reference.html#path-getbounds

                  var circle = new L.Circle([0,0], 500).addTo(map);
                  
                  var rectangle = new L.Rectangle(circle.getBounds()).addTo(map);
                  

                  Plunker 上的工作示例:http://plnkr.co/edit/n55xLOIohNMY6sVA3GLT?p=preview

                  Working example on Plunker: http://plnkr.co/edit/n55xLOIohNMY6sVA3GLT?p=preview

                  這篇關于傳單正方形給定中心和正方形寬度的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持html5模板網!

                  【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯系我們刪除處理,感謝您的支持!

                  相關文檔推薦

                  Check if a polygon point is inside another in leaflet(檢查一個多邊形點是否在傳單中的另一個內部)
                  Changing leaflet markercluster icon color, inheriting the rest of the default CSS properties(更改傳單標記群集圖標顏色,繼承其余默認 CSS 屬性)
                  Trigger click on leaflet marker(觸發點擊傳單標記)
                  How can I change the default loading tile color in LeafletJS?(如何更改 LeafletJS 中的默認加載磁貼顏色?)
                  Add external geojson to leaflet layer(將外部geojson添加到傳單層)
                  Adding Leaflet layer control to sidebar(將 Leaflet 圖層控件添加到側邊欄)

                    <legend id='4Atoj'><style id='4Atoj'><dir id='4Atoj'><q id='4Atoj'></q></dir></style></legend>
                    <i id='4Atoj'><tr id='4Atoj'><dt id='4Atoj'><q id='4Atoj'><span id='4Atoj'><b id='4Atoj'><form id='4Atoj'><ins id='4Atoj'></ins><ul id='4Atoj'></ul><sub id='4Atoj'></sub></form><legend id='4Atoj'></legend><bdo id='4Atoj'><pre id='4Atoj'><center id='4Atoj'></center></pre></bdo></b><th id='4Atoj'></th></span></q></dt></tr></i><div class="qwawimqqmiuu" id='4Atoj'><tfoot id='4Atoj'></tfoot><dl id='4Atoj'><fieldset id='4Atoj'></fieldset></dl></div>

                      <bdo id='4Atoj'></bdo><ul id='4Atoj'></ul>
                      <tfoot id='4Atoj'></tfoot>
                          <tbody id='4Atoj'></tbody>

                        <small id='4Atoj'></small><noframes id='4Atoj'>

                            主站蜘蛛池模板: 中国xxxx性xxxx产国 | 国产综合久久久久久鬼色 | 亚洲一区在线日韩在线深爱 | 国产精品免费视频一区 | 国产日韩欧美综合 | 成人欧美一区二区三区1314 | 久久一级 | 四虎午夜剧场 | av在线免费观看网站 | 精品视频一区二区三区在线观看 | 成人高清在线视频 | 国产欧美日韩视频 | 国产剧情一区 | 在线观看中文字幕 | 黄色视频a级毛片 | 久久久久久毛片免费观看 | 欧美美女爱爱视频 | 国产熟熟 | 欧美成人手机视频 | 久久三级av | 国产一区二区三区久久久久久久久 | www国产成人免费观看视频 | 欧美在线观看一区二区 | 欧美精品欧美精品系列 | 国产美女福利在线观看 | 一区二区三区久久 | 成人av片在线观看 | 欧美亚洲高清 | 亚洲精品久久久久久一区二区 | 亚洲高清视频一区二区 | 中文字幕在线观看www | 亚洲欧美中文日韩在线v日本 | 久久精品中文 | 小川阿佐美pgd-606在线 | 成人亚洲精品 | 国产精品毛片久久久久久久 | 精品欧美一区二区三区久久久 | 在线视频h | 免费成人高清在线视频 | 一级网站 | 色婷婷精品久久二区二区蜜臂av |