topic Re: Adding a clickable layer in Open Source Mapping Libraries Ques.

Adding a clickable layer

joepublic — Mon, 28 Aug 2023 13:39:51 GMT

I am trying to do the following:

When you click on a button, a country or a set of highlighted countries are displayed.

next, click on a country and you zoom in to a highlighted city or cities.

I want to display the city/cities as a clickable layer when you zoom in

Currently, I can click and zoom in on a highlighted country and the city looks like a dot.. (ICGC WEB PORTAL )

Any suggestions are welcome!!

Chris

Re: Adding a clickable layer

JohnGravois — Wed, 14 Oct 2015 00:44:27 GMT

I want to display the city/cities as a clickable layer

what is a 'clickable layer'?

the city looks like a dot

what do you expect the cities to look like?

you'll have to be a lot more specific about what exactly what you're trying to accomplish and what you've already tried in order for someone to be able to help you.

Re: Adding a clickable layer

joepublic — Wed, 14 Oct 2015 04:31:32 GMT

By clickable I mean when you click on the city, data about the city will be

displayed in the side panel

So here is what I am trying to make happen:

Step 1, Click on the country and zoom into and center on the city.

Step 2. Click on the city and data about the city is displayed in the side

panel

I defined a city url:

var cityURL = 'http://....../StRaphaelOSM/MapServer/;

and added the following code

var cityLayer = L.esri.featureLayer().addTo(map);

cityLayer.on('click', function(evt) {

var bounds = evt.layer.getBounds()

map.fitBounds(bounds);

});

Re: Adding a clickable layer

JohnGravois — Wed, 14 Oct 2015 15:34:40 GMT

the click event for your cityLayer isn't triggered because you're adding it to the map before (and therefore underneath) the countries.

Re: Adding a clickable layer

joepublic — Thu, 15 Oct 2015 15:57:19 GMT

John:

Thanks for pointing that out!!

Problem solved!!

Chris