久久久久久久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'>

                            主站蜘蛛池模板: 国产偷自视频区视频 | 黄色一级片视频 | 91在线影院 | 欧美高清视频在线观看 | 伊人精品 | 亚洲精品乱码 | 美女久久 | 日韩国产欧美在线观看 | 国产伦一区二区三区视频 | 欧美一区二区三区视频 | 久久久国产精品网站 | 欧洲精品久久久久毛片完整版 | 欧美国产一区二区 | 91久久久久久久久 | 亚洲精品一区二区三区在线 | 国产精品日日做人人爱 | 日韩视频一区二区三区 | 国产一区二区在线播放视频 | 老司机午夜性大片 | 国产精品久久久久久久久久久免费看 | 亚洲一区日韩 | 免费观看的av毛片的网站 | 国产伦精品一区二区三区精品视频 | 日韩欧美视频免费在线观看 | 亚洲国产自产 | 538在线精品| 久久久久国产精品一区 | 91久色| 精品伊人 | 91一区二区三区 | www.男人天堂.com | 色婷婷亚洲国产女人的天堂 | 狠狠色香婷婷久久亚洲精品 | 超碰成人免费 | 成人免费视频在线观看 | 欧美激情精品久久久久久变态 | 久久久久久久91 | 大学生a级毛片免费视频 | 成人综合视频在线观看 | 超碰成人免费 | 国产精品成人品 |