如何更改react-leaflet贴图中的tile url

时间:2018-04-03 05:41:12

标签: leaflet react-leaflet

我正在研究反应传单地图,我想代理平铺网址请求。请帮助我,比如我如何覆盖当前的URL并将其更改为我的代理URL。

1 个答案:

答案 0 :(得分:0)

我认为您可以将react-leaflet code example修改为下面的代码,即添加'const proxy'“,因为您可以通过将其包装在花括号”React docs中来嵌入JSX中的任何JavaScript表达式,这个为我工作:

render() {
const position = [this.state.lat, this.state.lng]
const proxy = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
return (
  <Map center={position} zoom={this.state.zoom}>
    <TileLayer
    attribution="&amp;copy <a href=&quot;http://osm.org/copyright&quot;>OpenStreetMap</a>; contributors"
    url= {proxy}
    />