20+个用于构建地图应用的JavaScript库和插件 - 第2部分

这是我们一系列关于JavaScript库和插件，用来在你的网站和Web应用程序中使用地图的第二部分。
第一部分内容详见： http://www.open-open.com/news/view/1a95227

MapEscape

MapEscape is a small plugin that detects if your map is obscuring the entire screen and introduces a scrollable area so you can scroll your way through your webpage without interacting with the map.

MapEscape is written to work with both jQuery and Zepto, whatever your preference. At less than 1k minified, the plugin is lightweight and completely customisable.

JavaScript Toolkit for Rich Web Mapping Applications – GeoExt

GeoExt brings together the geospatial know how of OpenLayers with the user interface savvy of Ext JS to help you build powerful desktop style GIS apps on the web with JavaScript.

The Javascript Mapping Abstraction Library – Mapstraction

Mapstraction is a Javascript library that provides a single, common interface for a wide variety of Javascript map APIs. It’s designed to enable a developer to switch from one maps API to another as smoothly and as quickly as possible.

Kartograph

Kartograph is a simple and lightweight framework for building interactive map applications without Google Maps or any other mapping service. It was created with the needs of designers and data journalists in mind.

Actually, Kartograph is two libraries. One generates beautiful & compact SVG maps; the other helps you to create interactive maps that run across all major browsers.

ArcGIS API for JavaScript

ViaMichelin JavaScript API – Map

Map is responsible for map and its navigation and is launched via VMLaunch().

JavaScript Library for Creating 3D Globes and 2D Maps – Cesium

Cesium is a JavaScript library for creating 3D globes and 2D maps in a web browser without a plugin. It uses WebGL for hardware-accelerated graphics, and is cross-platform, cross-browser, and tuned for dynamic-data visualization. Cesium is open source under the Apache 2.0 license. It is free for commercial and non-commercial use.

WebGL Globe

The WebGL Globe is an open platform for geographic data visualization created by the Google Data Arts Team.

OSMbuildings

Simple Map Font – Stately

Stately is a symbol font that makes it easy to create a map of the United States using only HTML and CSS. Each state can be styled independently with CSS for making simple visualizations. And since it’s a font, it scales bigger and smaller while staying sharp as a tack.

jQuery Mapael

jQuery Mapael is a jQuery plugin based on raphael.js that allows you to display dynamic vector maps.

For example, with Mapael, you can display a map of the world with clickable countries. You can build simple dataviz by setting some parameters in order to automatically set a color to each area of your map and generate the legend. Moreover, you can plot cities on a map with their latitude and longitude.

Initmap.js

Initmap.js allows you to embed Google Maps in a nice, quick, and easy way.
The plugin gets rid of the boilerplate code to embed a Google Map. It also gives you flexibility if you need to do more complex things.

jQuery Birdseye

jQuery Birdseye is a plugin for replicating the “search in map” functionality of Yelp/Airbnb/Google using the API of your choosing. With a small bit of setup, you can have the sweet, mapsearchy goodness that these sites do, at a fraction of the cost.

Google Maps JavaScript Plugin for jQuery – Maplace.js

Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map.

Create Google Maps from Semantic Markup – jMapping

This plugin is designed for quick development of a page that implements a Google Map with a list of the locations that are specified within the HTML.

The plugin tries to allow as much graceful degradation as possible by having the HTML be as semantic as possible. The plugin expect the HTML for the locations to be grouped under a common element. Additionally, it expects the links and Map Info Window content to be grouped under the location elements. It also expects the necessary metadata to be on the location element. This way the HTML semantically reflects that all of those parts and information are associated with the specific location or place.

Google Maps jQuery Plugin – GoMap

 Gmap3

GMap3 is the ultimate plugin to create and manage Google Maps to jQuery. Based on an advanced managment system, GMap3 allows you to finely manipulate yours markers and others objects, to associate custom data usable in each event.

GeoComplete

An advanced jQuery plugin that wraps the Google Maps API’s Geocoding and Places Autocomplete services. You simply provide an input that lets you search for locations with a nice autocomplete dropdown. Optionally add a container to show an interactive map and a form that will be populated with the address details.

Map Marker

jQuery Map Marker Plugin makes it easy to put multiple markers on Map using Google Map API V3.
Map Marker is very useful when you have a list of data & you want to show all of them on Map too.

Like most of the jQuery plugins, this plugin is very straight forward to setup.
It has some nice options & uses JSON formatted data for every Locations.

QuikMaps

CrowdMap

AniMaps

Animaps extends the My Maps feature of Google Maps by letting you create maps with markers that move, images and text that pop up on cue, and lines and shapes that change over time.
When you send your Animap to friends it appears like a video – they can play, pause, slow and speed up the action!

jHERE