Xử lý các sự kiện nhấp chuột

Chọn nền tảng: Android iOS JavaScript

Bạn có thể tạo một lớp đối tượng phản hồi các sự kiện click của người dùng để nhận địa điểm Mã nhận dạng và loại tính năng cho ranh giới được nhấp vào. Chiến lược phát hành đĩa đơn bản đồ trong ví dụ sau đây thể hiện ranh giới của lớp Quốc gia và hiển thị một trình xử lý sự kiện tạo kiểu cho đa giác được nhấp được liên kết với quốc gia đã chọn.

Viết một trình xử lý sự kiện nhấp chuột

Khi một sự kiện nhấp chuột xảy ra trên một lớp đối tượng, SDK bản đồ dành cho Android sẽ truyền một FeatureClickEvent cho trình xử lý sự kiện. Sử dụng FeatureClickEvent để biết vĩ độ và kinh độ của lượt nhấp đó cũng như danh sách các đối tượng bị ảnh hưởng bởi nhấp vào.

Xử lý sự kiện lớp đối tượng

Hãy thực hiện các bước sau để xử lý sự kiện trên lớp đối tượng. Trong ví dụ này, bạn xác định một trình xử lý sự kiện nhấp chuột cho lớp tính năng Quốc gia để áp dụng màu đỏ điền vào đa giác đại diện cho quốc gia đã chọn.

Khi bạn gọi FeatureLayer.setFeatureStyle(), style factory function đặt kiểu trên tất cả các tính năng trong lớp đối tượng. Để cập nhật kiểu của một đối tượng trong trình xử lý sự kiện, bạn phải gọi FeatureLayer.setFeatureStyle() để đặt kiểu cập nhật trên tất cả các tính năng AI mới.

  1. Nếu bạn chưa thực hiện, hãy làm theo các bước trong Bắt đầu để tạo mã bản đồ mới và kiểu bản đồ. Hãy nhớ bật trường Quốc gia lớp đối tượng.

  2. Đảm bảo lớp học của bạn được triển khai FeatureLayer.OnFeatureClickListener.

  3. Đăng ký một trình xử lý sự kiện cho các sự kiện nhấp chuột vào tính năng bằng cách gọi FeatureLayer.addOnFeatureClickListener().

    Java

    private FeatureLayer countryLayer;
    @Override public void onMapReady(GoogleMap map) {
    // Get the COUNTRY feature layer. countryLayer = map.getFeatureLayer(new FeatureLayerOptions.Builder() .featureType(FeatureType.COUNTRY) .build());
    // Register the click event handler for the Country layer. countryLayer.addOnFeatureClickListener(this);
    // Apply default style to all countries on load to enable clicking. styleCountryLayer(); }
    // Set default fill and border for all countries to ensure that they respond // to click events. private void styleCountryLayer() { FeatureLayer.StyleFactory styleFactory = (Feature feature) -> { return new FeatureStyle.Builder() // Set the fill color for the country as white with a 10% opacity. .fillColor(Color.argb(0.1, 0, 0, 0)) // Set border color to solid black. .strokeColor(Color.BLACK) .build(); };
    // Apply the style factory function to the country feature layer. countryLayer.setFeatureStyle(styleFactory); }

    Kotlin

    private var countryLayer: FeatureLayer? = null
    override fun onMapReady(googleMap: GoogleMap) { // Get the COUNTRY feature layer. countryLayer = googleMap.getFeatureLayer(FeatureLayerOptions.Builder() .featureType(FeatureType.COUNTRY) .build())
    // Register the click event handler for the Country layer. countryLayer?.addOnFeatureClickListener(this)
    // Apply default style to all countries on load to enable clicking. styleCountryLayer() }
    // Set default fill and border for all countries to ensure that they respond // to click events. private fun styleCountryLayer() { val styleFactory = FeatureLayer.StyleFactory { feature: Feature -> return@StyleFactory FeatureStyle.Builder() // Set the fill color for the country as white with a 10% opacity. .fillColor(Color.argb(0.1f, 0f, 0f, 0f)) // Set border color to solid black. .strokeColor(Color.BLACK) .build() }
    // Apply the style factory function to the country feature layer. countryLayer?.setFeatureStyle(styleFactory) }

  4. Áp dụng màu nền đỏ cho quốc gia đã chọn. Chỉ có các tính năng dễ thấy có thể nhấp.

    Java

    @Override
    // Define the click event handler.
    public void onFeatureClick(FeatureClickEvent event) {
    // Get the list of features affected by the click using // getPlaceIds() defined below. List<String> selectedPlaceIds = getPlaceIds(event.getFeatures());
    if (!selectedPlaceIds.isEmpty()) { FeatureLayer.StyleFactory styleFactory = (Feature feature) -> { // Use PlaceFeature to get the placeID of the country. if (feature instanceof PlaceFeature) { if (selectedPlaceIds.contains(((PlaceFeature) feature).getPlaceId())) { return new FeatureStyle.Builder() // Set the fill color to red. .fillColor(Color.RED) .build(); } } return null; };
    // Apply the style factory function to the feature layer. countryLayer.setFeatureStyle(styleFactory); } }
    // Get a List of place IDs from the FeatureClickEvent object. private List<String> getPlaceIds(List<Feature> features) { List<String> placeIds = new ArrayList<>(); for (Feature feature : features) { if (feature instanceof PlaceFeature) { placeIds.add(((PlaceFeature) feature).getPlaceId()); } } return placeIds; }

    Kotlin

    // Define the click event handler.
    override fun onFeatureClick(event: FeatureClickEvent) {
    // Get the list of features affected by the click using // getPlaceIds() defined below. val selectedPlaceIds = getPlaceIds(event.getFeatures()) if (!selectedPlaceIds.isEmpty()) { val styleFactory = FeatureLayer.StyleFactory { feature: Feature -> // Use PlaceFeature to get the placeID of the country. if (feature is PlaceFeature) { if (selectedPlaceIds.contains((feature as PlaceFeature).getPlaceId())) { return@StyleFactory FeatureStyle.Builder() // Set the fill color to red. .fillColor(Color.RED) .build() } } return@StyleFactory null }
    // Apply the style factory function to the feature layer. countryLayer?.setFeatureStyle(styleFactory) } }
    // Get a List of place IDs from the FeatureClickEvent object. private fun getPlaceIds(features: List<Feature>): List<String> { val placeIds: MutableList<String> = ArrayList() for (feature in features) { if (feature is PlaceFeature) { placeIds.add((feature as PlaceFeature).getPlaceId()) } } return placeIds }