React Native AMap3D Android 端 Marker active = true 属性失效解决方法

2023-12-30 18:55:32

背景

在 React Native AMap3D 中，Marker 组件用于在地图上添加标记。Marker 组件具有多种属性，其中 active 属性用于控制 Marker 是否可以被点击。当 active 属性设置为 true 时，Marker 可以被点击，并会显示其 infowindow。

问题

在某些情况下，Marker 组件的 active 属性可能失效，导致无法显示 infowindow。这种情况通常发生在以下两种情况下：

当 Marker 组件的 position 属性发生变化时。
当 Marker 组件被添加到地图上时。

解决方法

要解决这个问题，可以在 Marker 组件的 position 属性发生变化时或在 Marker 组件被添加到地图上时，手动调用 Marker 组件的 showInfoWindow 方法。

import com.amap.api.maps.AMap;
import com.amap.api.maps.CameraUpdateFactory;
import com.amap.api.maps.model.LatLng;
import com.amap.api.maps.model.Marker;
import com.amap.api.maps.model.MarkerOptions;

public class MainActivity extends AppCompatActivity {

    private AMap aMap;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 获取地图对象
        aMap = ((SupportMapFragment) getSupportFragmentManager().findFragmentById(R.id.map)).getMap();

        // 创建 Marker 组件
        Marker marker = aMap.addMarker(new MarkerOptions()
                .position(new LatLng(39.906901, 116.397972))
                .title("北京")
                .snippet("中国首都")
                .active(true));

        // 当 Marker 组件的 position 属性发生变化时，手动调用 showInfoWindow 方法
        marker.setPosition(new LatLng(39.906901, 116.397972));
        marker.showInfoWindow();

        // 当 Marker 组件被添加到地图上时，手动调用 showInfoWindow 方法
        aMap.addMarker(new MarkerOptions()
                .position(new LatLng(39.906901, 116.397972))
                .title("北京")
                .snippet("中国首都")
                .active(true));
        marker.showInfoWindow();

        // 将地图的镜头移动到 Marker 组件的位置
        aMap.moveCamera(CameraUpdateFactory.newLatLngZoom(new LatLng(39.906901, 116.397972), 15));
    }
}