IziMap

Just a lib of Javascript to implement maps the easy way, which use the Google API Maps

#How to use? The first step, you must link in your html the Google Maps API with your Key security

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY"> </script>

After that you just need link the lib IziMap and instantiating.

<script src="js/izi-map.js"> </script>

<script>
  var map = new IziMap('map');
</script>

<div id="map">

</div>

The first params of constructor is the element ID. You can initialize with the coordinate if you want.

var map = new IziMap('map', lat, lng);

#Methods

setAddress - Set address in your map

map.setAddress('Your address')

setCoordinate - Set coordinate in your map

map.setCoordinate(lat, lng)

addressToCoordinate - Convert some Address to Coordinate which return a function callback

map.addressToCoordinate(['Address 1', 'Address 2'], function(lat, lng, status) {
    console.log(lat, lng, status);
});

coordinateToAddress - Convert some Coordinate to Address which return a function callback

map.coordinateToAddress([
  {lat : someLat, lng: someLng},
  {lat: someLat, lng: someLng}], 
  function(address, status) {
      console.log(address);
  });

setMarkAddress - Set a simple Mark with Address in your Map

map.setMarkAddress(['Address 1', 'Address 2']);

setMarkAddressWindow - Set a simple Mark with address and open a window, when you click on some Mark.

map.setMarkAddressWindow(['Address 1', 'Address 2'], ['<h1> Test1 </h1>', '<h3> Test2 </h3>']);

setMarkCoordinate - Set a simple Mark with some Coordinate in your Map

map.setMarkCoordinate([{lat : someLat, lng: someLng}, {lat: someLat, lng: someLng}]);

setMarkCoordinateWindow - Set a simple Mark with coordinate and open a window, when you click on some Mark

map.setMarkCoordinateWindow([{lat : someLat, lng: someLng}, {lat: someLat, lng: someLng}],
                            [ '<h1> Test1 </h1>', '<h3> Test2 </h3>']);

diegodsgarcia/izimap

IziMap