Author: Steve Gomori

Moving Beyond iFrames

Up until the end of 2014, MapsPLUS was rendered exclusively as an iFrame. With the introduction of the faster, more flexible, integrated JavaScript solution, we will no longer be maintaining our original iFrame version.

There are a handful of situations in the land of web development where iFrames can be a quick and convenient solution. As developers of the MapsPLUS application, the iFrame provided an excellent way to quickly offer our maps with virtually no coding required. However, with ease, comes compromise, and we ultimately wanted to provide greater power and flexibility to our clients in implementing their maps. The examples in the Real Estate Showcase on this website, along with the new maps we continue to build, no longer use an iFrame. Our maps are now implemented with a little more customized JavaScript code, giving you more power in what you can do with your map, along with more integration with the rest of your site. We will no longer be supporting our original iFrame version. Here are the main benefits in using our integrated solution compared to the old iFrame method.

Read more…

Code Samples: Something to Get You Started

Here is a sample of the initialization, all in one place and whole, that will help get you up and running quickly.

Read more…

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.

Read more…

Dialog Extensions: Extending the Dialog Window

Using several plugins and events creatively, the functionality of the dialog window can be extended.

mapsplusLoading: Specify a layer to show whenever the map is working. eg. a loading animation.

buttons: Buttons are native to the jQuery UI and you can use them here. Functionality can built using custom code. Access to the lotData is available.

Read more…

Making it All Work: Initialization

Once you have your mapConfig all put together nicely, pass the configuration into the plugin and tell it what to do.

In this case #mapsplus is the ID of the target layer for the map as described in Step 1 with a “#” in front to let jQuery know to seach by ID for the element.

Read more…

Configuring the Dialog Window: Displaying Your Specific Lot Data

Dialog Options

The dialog window has many configurable options and functionality. Check the jQuery UI Dialog documentation for detailed information on how to customize the dialog.

Read more…

Configuring Your Map: Your Basic Settings

Target Layer

The first thing you’re going to need is a target DIV to put the map in. Give that target an id like this.

<div id="mapsplus"></div>

In the basic map configuration there is only one setting that you’ll need to edit.

Read more…

Requirements: What You Need to Get Started

The jQuery plugin requires a few freely available resources. You’ll need to download these and set them up on your server. You could also link directly to the files hosted on a public CDN like Google Hosted Libraries.

Read more…

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.