gmaps.js allows you to use the potential of Google Maps in a simple way. No more extensive documentation or large amount of code.
1. Initialize the plugin by referencing the necessary files:
<script src="http://maps.google.com/maps/api/js"></script>
<script src="gmaps.min.js"></script>
2. Define container.
<div id="map"></div>
3. Basic usage may look something like this.
var map = new GMaps({
el: '#map',
lat: -12.043333,
lng: -77.028333
});
Refer following links for detailed documentation, configuration options, methods and examples:
| Type | URL | ||||
|---|---|---|---|---|---|
| Plugin Link | http://hpneo.github.io/gmaps/ | ||||
| Github Page | https://github.com/hpneo/gmaps | ||||
| Template Page |
|
JQVMap is a jQuery plugin that renders Vector Maps. It uses resizable Scalable Vector Graphics (SVG) for modern browsers like Firefox, Safari, Chrome, Opera and Internet Explorer 9.
1. Initialize the plugin by referencing the necessary files:
<link href="/path/to/jqvmap.css" media="screen" rel="stylesheet" type="text/css">
<script src="/path/to/jquery.js"></script>
<script src="/path/to/jquery.vmap.js"></script>
<script src="/path/to/jquery.vmap.world.js"></script>
2. Define container.
<div id="vmap" style="width: 600px; height: 400px;"></div>
3. Basic usage may look something like this.
$('#vmap').vectorMap({ map: 'world_en' });
Refer following links for detailed documentation, configuration options, methods and examples:
| Type | URL |
|---|---|
| Plugin Link | https://jqvmap.com/ |
| Github Page | https://github.com/manifestinteractive/jqvmap |
| Template Page | https://pixinvent.com/free-bootstrap-template/robust-lite/html/ltr/vector-maps-jvq.html |