RNMapbox设置经纬度并居中地图:找不到合适组件属性
解决RNMapbox MapView初始居中问题
不用额外引入其他JSX组件,RNMapbox的MapView本身就支持通过initialCamera属性设置初始视图的中心位置、缩放级别等参数,这是RNMapbox封装的专属属性,和原生Mapbox的属性逻辑不同。
你可以直接修改Mapbox.MapView的代码,传入initialCamera配置:
<Mapbox.MapView style={styles.map} initialCamera={{ centerCoordinate: [business.longitude, business.latitude], // 注意顺序是[经度, 纬度] zoomLevel: 15, // 缩放级别,数值越大视图越近 }} />
如果你的business对象里的经纬度字段名不是longitude和latitude,替换成对应字段即可。
要是后续需要动态调整地图视图(比如用户操作后重置中心),可以通过Camera组件或者给MapView添加ref调用setCamera方法,但设置初始视图用initialCamera就足够满足需求。
内容的提问来源于stack exchange,提问作者kanxxx
相关产品推荐
相关产品推荐

