Basic Filters

Basic Filters: Hiding and Showing Map Data

Implementing Filters

Selectors work in combination with one another to show lots that share features.

PLEASE NOTE: In order to make this work you must first get your numbers and values. You can ask us for that information. If you need it faster, they are also available by viewing the lotData object. Use your browsers developer tool-set to run console.log(lotData) in the dialog open event.

Selectors can be built in a number of different ways. You’re welcome to do what makes sense for you and your site. This is a short example of one way that it can be done.

Example: An unordered list of items to filter.

You’ll notice two custom attributes used here. One specifies which filter to use “filters.5” and what value of said filter we want to show on the map.

First we capture the click event using jQuery.

Next we detect which elements are selected and apply style changes as needed.

Once we’ve applied the changes to the style we can add code that reads all filters, checks to see which have the class ‘current_filter’, and then we pass that object back to the plugin.

And we put it all together like this:

You can also filter against any other data in the lotData object using a similar convention used in the automatic mapping of lot data in the custom dialog layout section. In this example below we are filtering by builders using

Want Us to Do It For You?

We are map designers, artists & developers. We built MapsPLUS to help you publish interactive maps more quickly and easily, but if you'd like to collaborate with us - we'd love to help you. We've designed maps and created interactive mapping tools for clients over the past 2 decades. If you'd like to know more about our firm - we are E2 + Associates.

Get in Touch

The best way to contact us is either by email, through our contact form or by grabbing the phone and calling Sean Young at 1 (888) 443-7446.



Make MapsPLUS your own. Change the color of the website below or visit our style gallery or live showcase to explore the possibilities.