Stack Overflow
Stack Overflow

Questions tagged [jquery-ui-map]

jquery-ui-map is the Google maps v3 plugin for jQuery and jQuery Mobile

The Google Map version 3 plugin for jQuery and jQM takes away some of the head aches from working with the Google Map API. Instead of having to use Google event listeners for simple events like click, you can use jQuery click events on the map and markers.

It is also very flexible, highly customizable, lightweight (3.2kB or 3.9kB for the full) and works out of the box with jQuery mobile. But one of its best features (atleast for SEO people) is that you can populate a map from microformats, RDFa or microdata on your site, which can be used as a fallback when a user doesn't have javascript enabled.

88 questions
5
votes
3 answers

How to addShape() on a google map with jquery-ui-map correctly

I am using the following code to add a shape to the map by using jquery, jqueryui-map and google maps API $('#map_canvas').gmap('getCurrentPosition', function(position, status) { if ( status === 'OK' ) { var…
wzr1337
  • 3,609
  • 5
  • 30
  • 53
4
votes
3 answers

jquery-ui-map how to set zoom level

I have the following code working fine, but I'm unable to add a zoom level. According to the docs it should work with 'option', 'zoom', 7 but this gives an error: "$("#map_canvas").gmap("option", "zoom", 7).bind is not a function" Working code, sans…
stef
  • 26,771
  • 31
  • 105
  • 143
4
votes
2 answers

mvc 4 - Jquery mobile - @section scripts not working after navigation

I'm newbie to mvc 4 and jquery mobile and what i'm trying to do is display a map using jquery-ui-map library. Here is what I've: 1) On the layout page I've the following code at the bottom before "end of body"…
user1418168
  • 91
  • 1
  • 1
  • 10
3
votes
1 answer

How to use Google Maps Stylers with jquery-ui-map plugin?

i'm too weak on writing js. I need to build and customize a google map. For this i do use the jquery-ui-map plugin and this code: if ($("#map_canvas").length){ $('#map_canvas').gmap().bind('init', function(ev, map) { …
Marten Brosch
  • 333
  • 6
  • 14
3
votes
4 answers

How to re-center a map using jquery-ui-map

Using jquery-ui-map. I am loading data through JSON with some marker and the latitude/longitude of the new center of the map (location finder application). var origin = new google.maps.LatLng(data.origin.latitude, data.origin.longitude) // adding…
user2665694
3
votes
1 answer

Adding multiple markers on a Jquery-ui map

I am trying to add multiple markers and their associated info window to a jquery-ui-map, and I can't reach any result. I tried this : $('#map').gmap('addMarker', {'position': 'city_latitude; ?>,city_longitude;…
Pauloscorps
  • 564
  • 1
  • 6
  • 16
3
votes
4 answers

Jquery google map plugin, adding event listeners

Can some one explain the meaning of the following code snippet (jQuery.fn[name]) found in the google jquery.ui.map plugin: jQuery.each(('click mousedown rightclick dblclick mouseover mouseout drag dragend').split(' '), function(i, name) { …
Dilini Rajapaksha
  • 2,610
  • 4
  • 30
  • 41
3
votes
3 answers

How to get latitude and longitude on click event with jquery-ui-map

When using 'Google maps v3 plugin for jQuery and jQuery Mobile', how to retrieve the latitude and longitude values under the mouse pointer when clicked on the map?
Dilini Rajapaksha
  • 2,610
  • 4
  • 30
  • 41
2
votes
1 answer

Get current position with jquery ui map (gmap)

I'm upgrading an old hybrid application. Now I have the latest versions of jQuery (1.7 -> 2.2.4) and jQuery Mobile (1.1 -> 1.4.5), and I use too Jquery Migrate (1.4.1). This app contains a page with a map created with jquery-ui-map and I'm testing…
Giu
  • 295
  • 1
  • 5
  • 22
2
votes
0 answers

Uncaught TypeError: Cannot call method 'lat' of undefined

I keep getting the error : Uncaught TypeError: Cannot call method 'lat' of undefined with the google maps when I try to center the map based on the markers. I am using the jquery-ui-maps api v3 for this. Can anyone please help me out ?. My code is…
msrameshp
  • 626
  • 2
  • 12
  • 33
2
votes
2 answers

Search from 7 inputs criteria to look into a json file

I'll try to explain. I have a form with 7 inputs (Age, country, city,...) and in a JSON file i have many people. I need to search into that json file with all the criteria in the form. For example Spain&25years old. I have the inputs data in an…
Diego Santamarta
  • 45
  • 1
  • 9
2
votes
2 answers

Show/Hide Markers based on property jQuery-UI-Map (Google maps API V3)

I have been developing a mapping program using jQuery-UI-Map plugin (http://code.google.com/p/jquery-ui-map/). I am having an issue that I have tried to solve in MANY different ways to no avail. I have a drop down that onchange should filter the…
mitch
  • 155
  • 5
  • 13
2
votes
2 answers

jquery-ui-map load json and update markers

I've searched all over the web and SO, but I couldn't figure this out. Here's the problem: I'm using the below demo from jquery-ui-map site to load a JSON file: http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-json.html It…
fdias
  • 66
  • 1
  • 6
2
votes
2 answers

How to make infowindows have tabs in Google Map?

How can I make the my infoWindows have tabbed content? I tried things like: google.maps.event.addListener(this, "domready", function(){ $("#info").tabs() }); *also tried to use infoWidnwow, infowindow, and iw instead of this…
Bob
  • 1,355
  • 5
  • 19
  • 38
2
votes
1 answer

How to use personalized icon with jquery-ui-map

Using jquery-ui-map, I try to use personnalized icon. I works fine this way : $("#gmap_" + parent).gmap('addMarker', { "id": "marker-"+m.id, 'position': new google.maps.LatLng(m.lat, m.lon), 'bounds':true, 'icon':…
Matthieu
  • 563
  • 1
  • 7
  • 25
1
2 3 4 5 6