10 free JavaScript tools to create an interactive map

Source: Internet
Author: User

Overview: with the rapid development of the Internet, more and more industries need to create map information in their own web pages, so that customers can quickly locate to obtain a variety of information, here today we recommend 10 free JavaScript tools to create interactive maps, Hope to have different needs of friends can bring help!

Here, we present a complete list of 10 JavaScript libraries to create interactive and personalized maps. However, there are also Google Maps authoring tools and other tools to build maps, but on this platform we specifically propose JavaScript libraries that can only be used to display special map markers.

Geocomplete

The latest jquery plugin, which encapsulates the Google Maps API geocoding and merchant information AutoFill services. You only need to provide an input that will allow you to search for a very nice location with the AutoComplete drop-down list. Add a location, you can display an interactive map, and you will have an address to populate the table.

650) this.width=650; "alt=" javascriptlibrary.jpg "class=" Img-thumbnail "src=" http://image.evget.com/images/article /2015/javascriptlibrary01.jpg "/>

Kartograph

Kartograph is an app for building interactive maps, and Google Maps or any other map has a simple and lightweight framework. So it was created by the designer on demand.

650) this.width=650; "alt=" javascriptlibrary.jpg "class=" Img-thumbnail "src=" http://image.evget.com/images/article /2015/javascriptlibrary02.jpg "/>

GMaps

Gmaps.js, you can use a simple way to play the potential of Google Maps. You don't need a wide range of files or a lot of code.

650) this.width=650; "alt=" javascriptlibrary.jpg "class=" Img-thumbnail "src=" http://image.evget.com/images/article /2015/javascriptlibrary03.jpg "/>

Jhere

With the development of jhere, you can easily add interactive maps to your site, and with only a small compression package, you can get a powerful map API that allows you to customize tagging, event handling, and adding other information. Its greatest feature is the ability to visualize data through heat maps.

650) this.width=650; "alt=" javascriptlibrary.jpg "class=" Img-thumbnail "src=" http://image.evget.com/images/article /2015/javascriptlibrary04.jpg "/>

Mapael

Mapael is a jquery plugin based on Raphael.js that lets you display dynamic vector maps.

650) this.width=650; "alt=" javascriptlibrary.jpg "class=" Img-thumbnail "src=" http://image.evget.com/images/article /2015/javascriptlibrary05.jpg "/>

D3.js

D3.js is a JavaScript library that manipulates data-based files. D3 can help you with the data that comes with HTML, SVG, and CSS. D3 's web standards provide you with a proprietary architecture that combines powerful visual components and a data-driven approach to implement the full functionality of the DOM operation of modern browsers.

650) this.width=650; "alt=" javascriptlibrary.jpg "class=" Img-thumbnail "src=" http://image.evget.com/images/article /2015/javascriptlibrary06.jpg "/>

Geochart

A geochart is a country map, a continent or a region, in one of three ways to determine the area: 1) regional pattern full-color regions, such as countries, provinces or states. 2) The marker mode is specified using a circle, and the area is adjusted according to the value you specify. 3) text pattern label with the identified area (for example, "Russia" or "Asia").

650) this.width=650; "alt=" javascriptlibrary.jpg "class=" Img-thumbnail "src=" http://image.evget.com/images/article /2015/javascriptlibrary07.jpg "/>

Datamaps

650) this.width=650; "alt=" javascriptlibrary.jpg "class=" Img-thumbnail "src=" http://image.evget.com/images/article /2015/javascriptlibrary08.jpg "/>

Maplace.js

Maplace.js helps you embed Google Maps into your site, quickly create markers and control menus on the map corresponding to the location. It requires jquery and Google Maps API version 3rd, so you need to have these two things on your website.

650) this.width=650; "alt=" javascriptlibrary.jpg "class=" Img-thumbnail "src=" http://image.evget.com/images/article /2015/javascriptlibrary09.jpg "/>

stately

It's easy to create maps that are built using only HTML and CSS. Each country can make a simple visual style using CSS independently. And because it is a font, it can be extended larger or smaller while still maintaining good adhesion.

650) this.width=650; "alt=" javascriptlibrary.jpg "class=" Img-thumbnail "src=" http://image.evget.com/images/article /2015/javascriptlibrary10.jpg "/>

For friends who are interested in creating interactive maps with JavaScript and jquery, you can simply click on the link to refer to it and hope it will help you.


10 free JavaScript tools to create an interactive map

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.