Search code examples
javagoogle-mapsjxmaps

How can I draw multiple circles and rectangles on a map?


For a project in my university, I need to show in a map all the intersections and some stations in Chicago, I already have LinkedLists with the data and I need to draw Circles with the position of the intersections and rectangles with the position of the stations. I'm using jxMaps library and based on the examples I was able to draw one circle and one rectangle testing the metods according with the examples provided by the developers, but if I try to draw multiple with a loop when I open the map, it stays in grey. This is my code:

public class Draw extends MapView
{

    private static final long serialVersionUID = 1L;

    Map map;

    IList <Integer, Intersetion> intersections;

    IList <Integer, Station> stations;

    public Draw(MapViewOptions options, IList <Integer, Intersection> inter, IList <Integer, Station> est)
    {
        super(options);
        // Setting of a ready handler to MapView object. onMapReady will be called when map initialization is done and
        // the map object is ready to use. Current implementation of onMapReady customizes the map object.
        setOnMapReadyHandler(new MapReadyHandler()
        {
            @Override
            public void onMapReady(MapStatus status)
            {
                // Check if the map is loaded correctly
                if (status == MapStatus.MAP_STATUS_OK)
                {
                    map = getMap();
                    intersections = inter; // I Load the list with the intersections data
                    stations = est; // I load the list with the stations data
                    rectangle();
                    circle();
                    // Creating a map options object
                    MapOptions mapOptions = new MapOptions();
                    // Creating a map type control options object
                    MapTypeControlOptions controlOptions = new MapTypeControlOptions();
                    // Changing position of the map type control
                    controlOptions.setPosition(ControlPosition.TOP_RIGHT);
                    // Setting map type control options
                    mapOptions.setMapTypeControlOptions(controlOptions);
                    // Setting map options
                    map.setOptions(mapOptions);
                    // Setting the map center
                    map.setCenter(new LatLng(41.875486, -87.626570));
                    // Setting initial zoom value
                    map.setZoom(9.0);
                }
            }
        });
    }

    public void circle ()
    {
        CircleOptions options = new CircleOptions();
        options.setFillOpacity(0);
        options.setStrokeColor("#CB4335");
        options.setStrokeWeight(5.0);

        for (Intersetion inter: intersections)
        {
            Circle circle = new Circle(map);
            circle.setCenter(new LatLng(inter.darLatitude(), inter.darLongitude()));
            circle.setRadius(50);
            circle.setOptions(options);
        }
    }
    public void rectangle()
    {
        RectangleOptions options = new RectangleOptions();
        options.setFillOpacity(0);
        options.setStrokeColor("#2E86C1");
        int i = 0;
        for (Station rect: stations)
        {
            Rectangle rectangulo = new Rectangle (map);
            LatLngBounds bounds = new LatLngBounds (new LatLng (rect.darLatitude() - 0.0004, rect.darLongitude() - 0.0006), new LatLng (rect.darLatitude() + 0.0004, rect.darLongitude() + 0.0006));
            rectangle.setBounds(bounds);
            rectangle.setOptions(optionts);
        }
    }
}

Solution

  • Actually, for some reason, it works if I call the methods circle and rectangle at the end after setting the options of the map which is kind of weird considering that it works fine when I just create one circle or one rectangle in the order that appears in the question post.