Skip to content

simsalabim/jgmap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jQuery plugin to work Google Maps Api v3 
(moved from http://code.google.com/p/jgmap/)

This plugin allows you to show multiple markers on a map with custom icons and infowindows, optionally group them using https://github.com/simsalabim/gmaps.markermanager . Also you may specify target input to use for geocoding, correct its results dragging marker manually (or lock it), and track results. Originally forked from http://github.com/tristandunn/jquery-auto-geocoder. Functionality and conception were changed and extended. 

![Sample](http://img121.imageshack.us/img121/6343/map1e.png)

@see sample in /sample dir.
Usage:

$("#search-map").Gmap({
  show_points: {
    lat: "lat",
    lng: "lng",
    infowindow: "infowindow",
    marker: {
      icon: "icon",
      shadow: "shadow"
    },
    infowindow_options: {
      disableAutoPan: true
    },
    autofit: true,
    icon:{
      src: "http://maps.google.com/mapfiles/ms/micons/purple.png",
      shadow: "http://maps.google.com/mapfiles/ms/micons/pushpin_shadow.png"
    },
    group_markers: true,
    markermanager_options:{
      icon: {
        src: "http://maps.google.com/mapfiles/ms/micons/partly_cloudy.png",
        shadow: "http://maps.google.com/mapfiles/ms/micons/partly_cloudy.shadow.png"
      },
      cell: {
        width: 48,
        height: 96
      }
    }
  },
  geocoder: {
    clarification: "Петербург",
    target: "search_id",
    bounds: {sw: [37, 40], ne: [80, 140]},
    country: "RU",
    language: "ru",
    success: {
      zoom : 8
    },
    auto: "onkeyup",
    delay: 3000,
    icon: {
      src: "http://maps.google.com/mapfiles/ms/micons/question.png",
      shadow: "http://maps.google.com/mapfiles/ms/micons/question.shadow.png"
    },
    track_coordinates:{
      lat: "lat",
      lng: "lng",
      accuracy: "accuracy",
      infowindow: "Вроде бы это здесь...",
      marker_options: {
        draggable: true
      }
    }
  },
  initial:{
    draggable: true,
    zoom: 5,
    center: [58, 35],
    mapTypeControl : true,
    scaleControl: true,
    min_zoom: 20
  }
});




Author: Alexander Kaupanin


About

jQuery plugin to work with Google Maps Api v3

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published