simplemaps

Main Settings | Documentation

Common properties
width The width of the map in pixels. Height is adjusted automatically.
background_color The color of the background. White by default.
background_transparent Makes it possible to see content behind the map. ['yes', 'no']
label_color The color of state abbreviation labels.
pop_ups 'detect' - the map automatically detects mobile devices and shows them pop-ups on click and generates a link to the defined url.
'on_hover' - pop-ups always appear on hover.
'on_click' - pop-ups always appear on click.
'off' - pop-ups never appear.

Note: Depending on the map, state could refer to a state, province or country.

State defaults (can be overwritten for individual states)
state_color Default color of states. (e.g. 'blue' or '#0000FF')
state_description Default description for states. This will fill up the popup and can include HTML/CSS.
state_hover_color Default color of states upon hover. (e.g. 'darkblue' or '#000066')
state_url Default url when states are clicked. (e.g. 'http://simplemaps.com')
all_states_inactive If "yes" all states are inactive by default. This means hovering or clicking on a state has no effect.
Location defaults (can be overwritten for individual locations)
location_color Default color of locations. (e.g. 'blue' or '#0000FF')
location_description Default description for locations. This will fill up the popup and can include HTML/CSS.
location_url Default url when locations are clicked. (e.g. 'http://simplemaps.com')
location_size The width of location squares. 12 by default.
location_type Shape of location markers. ['square', 'circle']
location_image_source If location_type is set to 'image', this is the name of the image which must be placed in the map_images folder. [e.g. 'frog.png']
location_opacity The opacity of the location. [0-1]
all_locations_inactive If "yes" all locations are inactive by default. This means hovering or clicking on a location has no effect.
Advanced properties (most people can ignore these)
div The id of the div that will be replaced by the map when the page loads. 'map' by default.
hide_labels 'yes' makes all of the labels disappear.
border_color Color of state borders. White by default. If the border color is the same as state_color it will not be possible to distinguish individual state boundaries.
border_size The width of the stroke for state borders. 1.5 by default. It is often desirable to change this property if you make the map much larger or smaller than it's default settings.
url_new_tab 'no' open urls in the same window. 'yes' open urls in new tab.
auto_load 'yes' means the map will load itself automatically. 'no' prevents the map from loading unless it is loaded manually using the JavaScript API.
zoom 'yes' enables region-level zooming. 'no' disables zooming. By default, zooming is enabled when regions exist.
initial_zoom The region the map should open to. '-1' is zoomed out.
initial_zoom_solo 'yes' hides the back arrow and adjacent continents when initial_zoom is not -1.
all_states_zoomable When set to 'yes', clicking on a state will zoom into that state instead of redirecting the page to the url. 'no' by default.
js_hooks Tells the map whether to call JavaScript functions on the page. 'no' by default.
arrow_color The color of the back arrow that can be clicked to zoom out. Blue by default.
arrow_color_border The color of the border of the back arrow that can be clicked to zoom out. Dark blue by default.
Pop-up/tooltip styling (customize the look of the pop-ups)
popup_color The color of the pop-up background. 'white' by default.
popup_opacity The opacity of the pop-up. .9 by default. 1 is opaque. 0 is transparent. [0-1].
popup_shadow The size of the pop-up drop shadow. 1 by default. 0 removes the drop shadow. 2 would double the size of the default drop shadow. Note: IE 7 and 8 are unable to show the drop shadow.
popup_corners The radius of the rounded corners. 5 by default. 0 will make the pop-ups rectangles. Note: IE 7 and 8 do not support rounded corners and will always show rectangular pop-ups.
popup_font The default font for the pop-up. '12px/1.5 Verdana, Arial, Helvetica, sans-serif' by default.
popup_nocss 'yes' turns off all css for the pop-up. You must then set your own css styles.

HTML5 Map Documentation v2.9

Customization

Installation

Common Questions

Troubleshooting

JavaScript API

© Simplemaps.com 2010-2015 | License | Privacy Policy | Releases | Testimonials | Resources | Documentation
Deprecated Maps: Flash USA Map | Flash World Map | Flash Canada Map | Flash Europe Map | Flash Congress Map
Formerly FlashUSAmap.com and Flashworldmap.com