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

      <tfoot id='1w620'></tfoot>
      <legend id='1w620'><style id='1w620'><dir id='1w620'><q id='1w620'></q></dir></style></legend>
      1. <small id='1w620'></small><noframes id='1w620'>

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

        Leaflet _ ReactJS - 在哪里可以找到 invalidateSize 屬性

        Leaflet _ ReactJS - Where to find the invalidateSize property?(Leaflet _ ReactJS - 在哪里可以找到 invalidateSize 屬性?)
      2. <legend id='0u0u2'><style id='0u0u2'><dir id='0u0u2'><q id='0u0u2'></q></dir></style></legend>

            <tfoot id='0u0u2'></tfoot>
                <tbody id='0u0u2'></tbody>
              • <bdo id='0u0u2'></bdo><ul id='0u0u2'></ul>

                <small id='0u0u2'></small><noframes id='0u0u2'>

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

                  本文介紹了Leaflet _ ReactJS - 在哪里可以找到 invalidateSize 屬性?的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!

                  問題描述

                  我試圖在以下位置找到它:

                  I have tried to find it in:

                  • this.mapRef.current.leafletElement
                  • this.mapRef.current.getLeafletElement()
                    • 使 this.mapRef.current.getLeafletElement().invalidateSize 失效

                    這里是我的反應片段:

                    import React, {Component, Fragment} from "react"; 
                    
                    import L from "leaflet" 
                    import   "~/lib/leaflet/leaflet.css"
                    import "~/lib/leaflet/leaflet"
                    import styled from "styled-components"
                    import Head from 'next/head' 
                    
                    constructor(props) {
                        super(props);
                        this.mapRef = React.createRef();
                      }
                    
                     componentDidMount(){  
                    
                        // console.log("this.map: ", this.map);
                        console.log("this.refs.mapTest: ", this.mapRef.current.leafletElement 
                    
                    // or other trial)
                    
                    {...}
                      this.map= L.map("map", {   
                          center:location,
                          zoom:12,
                          zoomControl:true
                      })
                    {...}
                    
                     } 
                    
                    
                    
                     render(){ 
                        return (
                          <Fragment>
                              <Head>
                              <link />
                              <link />
                    
                              <link rel="stylesheet" 
                       integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
                       crossorigin=""/> 
                    
                         <script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js"
                       integrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg=="
                       crossorigin=""></script>   
                              </Head>
                            <Wrapper 
                              ref={this.mapRef}
                              width="100%" 
                              height="80vh" 
                              id="map"
                            /> 
                          </Fragment>
                        )
                      }
                    } 
                    

                    我找不到invalidateSize的屬性,

                    I cant find the invalidateSize's property,

                    任何提示都會很棒,謝謝

                    any hint would be great, thanks

                    推薦答案

                    如果你在 componentDidMount 內登錄,則引用 Map

                    If you log inside componentDidMount the reference to the Map

                    componentDidMount() {
                        const map = this.mapRef.leafletElement;
                        console.log(map)
                    } 
                    

                    _zoomBoundLayers: {26: NewClass}__proto__:NewClass底部的控制臺展開,你可以看到繼承的方法和invalidateSize 被顯示出來,因此在那里提供.

                    and expand in the console on the bottom __proto__: NewClass under _zoomBoundLayers: {26: NewClass} you can see the methods that are inherited and that invalidateSize is displayed and therefore provided there.

                    編輯

                    我以為你在使用 react-leaflet.

                    I thought you were using react-leaflet.

                    在不使用 react 傳單的情況下,您可以使用以下代碼獲取對地圖實例的引用.

                    Without the use of react leaflet you can use the following code to get a reference to the map instance.

                    class Map extends Component {
                      componentDidMount() {
                        const map = this.map = L.map('map').setView([51.505, -0.09], 13);
                    
                        L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
                          maxZoom: 18,
                          attribution: 'Map data &copy; <a >OpenStreetMap</a> contributors, ' +
                            '<a  +
                            'Imagery ? <a ,
                          id: 'mapbox.streets'
                        }).addTo(map);
                    
                        console.log(this.map)
                      }
                    
                      render() {
                        return (
                            <div id="map"/>
                        );
                      }
                    }
                    

                    然后和 react-leaflet 版本一樣:在控制臺底部展開 __proto__:NewClass_zoomBoundLayers: {26: NewClass} 可以看到繼承的方法,并且 invalidateSize 顯示并因此提供在那里.

                    and then do as in the react-leaflet version: expand in the console on the bottom __proto__: NewClass under _zoomBoundLayers: {26: NewClass} you can see the methods that are inherited and that invalidateSize is displayed and therefore provided there.

                    演示

                    這篇關于Leaflet _ ReactJS - 在哪里可以找到 invalidateSize 屬性?的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持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='yd5Ef'><style id='yd5Ef'><dir id='yd5Ef'><q id='yd5Ef'></q></dir></style></legend>
                        <bdo id='yd5Ef'></bdo><ul id='yd5Ef'></ul>
                            <tbody id='yd5Ef'></tbody>
                        • <small id='yd5Ef'></small><noframes id='yd5Ef'>

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

                            <tfoot id='yd5Ef'></tfoot>

                          1. 主站蜘蛛池模板: 中文字幕日韩欧美 | 国产精品18hdxxxⅹ在线 | 欧美日韩视频 | 亚洲一区在线播放 | 99免费看| 四虎影院在线观看免费视频 | 国产高清视频在线观看 | 精品久久久久久久久亚洲 | 男女羞羞视频在线免费观看 | 成人深夜福利 | 毛片黄片免费看 | 日韩欧美久久 | 欧美日韩亚洲系列 | 精品国产一区二区三区观看不卡 | 中文字幕精品一区 | 国产日产精品一区二区三区四区 | 免费一看一级毛片 | 天天操一操 | 91xxx在线观看 | 日韩欧美在线播放 | 国产日韩一区二区三免费高清 | 91就要激情 | 一级毛片在线播放 | 欧美色综合 | 黑人巨大精品欧美一区二区免费 | 久久久99国产精品免费 | 伊人网影院 | 亚洲一区av| 手机看片169| 九九在线精品视频 | 在线看片国产精品 | 国产精品一区二区视频 | 精品久久久久久久久久久久久 | 久久中文字幕一区 | 久久乐国产精品 | 日韩免费福利视频 | 国产成人综合在线 | 中文字幕在线观看 | 国产资源网 | 人人鲁人人莫人人爱精品 | 超碰操 |