我不知道如何在 Leaflet 地图上调用 fitBounds()。
如果我只是使用香草传单,这个解决方案将完美地工作:缩放以适应 Mapbox 或传单中的所有标记
不幸的是,我正在使用 react-leaflet。
如果我只是单独使用传单,这是解决方案。
var leafletMap = new L.featureGroup([marker1, marker2, marker3]);
map.fitBounds(leafletMap.getBounds());
Run Code Online (Sandbox Code Playgroud)
我认为这段代码(我的代码)this.mapRef.current.leafletElement相当于var leafletMap = new L.featureGroup([marker1, marker2, marker3]); leafletMap.getBounds();,但是什么map.fitBounds();相当于 react-leaflet 中的?
基本上,我试图在地图上显示多个标记并相应地调整视图(放大、缩小、飞到等)。
这是我的代码。
import React, { createRef, Component } from 'react'
import { Map, TileLayer, Marker, Popup, FeatureGroup } from 'react-leaflet'
export default class MasterLeafletMap extends Component {
constructor(props) {
super(props);
this.markers = this.markers.bind(this);
this.handleClick = this.handleClick.bind(this);
this.mapRef = createRef()
}
handleClick() {
const leafletMap = …Run Code Online (Sandbox Code Playgroud) 我试图按字母顺序对数组中的某些字符串进行排序.字符串是我使用glob从目录中获取的文件名.起初,我认为glob错误地对文件名进行排序.我尝试了排序,同样的事情发生了:1874S-O.jpg来过1874S.jpg
最后,我将它们与之比较
var_dump("11-09-2016/1874S/1874S-O.jpg" > "11-09-2016/1874S/1874S.jpg");
Run Code Online (Sandbox Code Playgroud)
哪个回来了bool(false).任何想法为什么较长的字符串不会大于较短的字符串,也不会按字母顺序排在较短的字符串之后?
ReactJS是否重用导入的包?
假设我有一个名为DisplayItems.js和EditItem.js的文件.它们都导入到App.js.
如果我在DisplayItem.js文件(import axios from 'axios';)的顶部导入一个包(比如axios),并且我也在我的EditItem.js文件中导入它,我的应用程序是否会增长13kb或26kb(假设axios是13kb)?