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
2
votes
1 answer

jquery-ui-map fit bounds with a polyline?

I'm working on a mobile app using jQuery Mobile. I also you the plugin "jquery-ui-map" to do my map (that helped alot with display issues using only GMap with jQM). I'm able to add polyline on the map and it works just fine. But when I try to use…
1
vote
1 answer

Display issues with jquery-ui-map

I have been trying to incorporate the JQuery-ui-map into a webpage, but it seems to be having issues with the image sprites used to display the pop up boxes. The coding for markers, etc has been quite straight forward and all that seems to work just…
Tom
  • 2,928
  • 4
  • 28
  • 36
1
vote
1 answer

Add single marker to map using google-ui-map plugin

This is example I'm trying to modify: http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-geocoding.html I want to add single marker. var markers = $('#map_canvas').gmap('get', 'markers'); I get all markers, which are none…
flakerimi
  • 2,580
  • 3
  • 29
  • 49
1
vote
1 answer

Using jquery-ui-map to bring in XML for points and Info Window

I am using jquery-ui-map (http://code.google.com/p/jquery-ui-map/) to render golf courses on a map. I am bringing in the courses through an XML feed. I can get the points to render correctly, but each info window is exactly the same (the last item…
Claydough
  • 49
  • 1
  • 6
1
vote
1 answer

jquery-ui-map with new version of jquery mobile and jquery

I am upgrading an old hybrid application with the latest versions of jQuery (1.7 -> 2.2.4) and jQuery Mobile (1.1 -> 1.4.5). This app contains a page with a map created with jquery-ui-map. Now I'm testing the app with PhoneGap and the page…
Giu
  • 295
  • 1
  • 5
  • 22
1
vote
1 answer

Change the style of a Styled Google Map

I want to change the style of my Google Maps. I am using jQuery-UI-Map, but I can't figure out how. Here's the code I am using right now: $(document).ready(function(){ $("#changeMap").click(function(){ alert('About to change style...'); …
Hamster_NL
  • 153
  • 1
  • 14
1
vote
1 answer

Create JSON array from HTML5 localstorage items

I'm using the jquery ui map in my cordova iOS app, and need to encode all my database results (latitudes and longitudes) in JSON. I already set the localstorage element, and know I received the correct response, but I dont know how to encode all the…
copilot0910
  • 431
  • 2
  • 6
  • 19
1
vote
1 answer

jquery-ui-map: Search does not work (Google Maps API)

Trying to perform a search by address using jquery-ui-map plug-in. Firefox reports: TypeError: h[b] is undefined /js/ui-map/jquery.ui.map.full.min.js Line: 2 $(document).ready(function() { $('#map_canvas').gmap('search', { 'address':…
Alex G
  • 3,048
  • 10
  • 39
  • 78
1
vote
1 answer

jQuery ui map: how to add size to infowindow

Does anyone know how to apply size to the info window? Thanks. map_container.gmap('addMarker', markerOptions).click(function () { map_container.gmap('openInfoWindow', { 'content':this.description, 'size': WHAT GOES HERE? },…
Alex Gill
  • 2,395
  • 1
  • 16
  • 18
1
vote
2 answers

Add a marker and find it's overlay name

I am using jquery-ui map plugin to manipulate some maps I am using overlays from a kml file and afterwards I am adding a marker, my goal is to see in which overlay's territory the marker was added Any ideas? My code can be found…
TheodoreV
  • 304
  • 4
  • 17
1
vote
1 answer

jquery-ui-map detect infowindow closed and pan to map center

How to detect infowindow closed in jquery-ui-map and pan the map to center after the window is closed ?

 $(function() { 
                demo.add(function() {
                    $('#themap').gmap({'center': '54.977614,23.871643', 'zoom':…
andy
  • 177
  • 2
  • 12
1
vote
0 answers

Jquery-ui-map pan to marker and open info box on button click

I am using jquery-ui-map getting data via json and displaying on my map. That works fine. But I want to do is to have be able to pan to the selected marker via clicking on some link on my html page So i have link for exmaple with id="13" or…
andy
  • 177
  • 2
  • 12
1
vote
1 answer

Add infoWindow to a map marker using jQuery mobile, google maps API v3

I have a simple script that adds a marker on a map when you click a button using jQuery mobile and the Google Maps API v3. I want to add a basic infoWindow to that marker, so that when you click on it, it says "Hello World". This seems like it…
erin
  • 1,130
  • 3
  • 17
  • 28
1
vote
2 answers

Show/hide markers based on form's selections doesn't do anything

I'm trying to show/hide( or simply put - filter ) my markers( of houses and condos ) on my Google Map, based on what types of features user selected from #features select box. E.g. If user selectes 'Swimming Pool' feature and clicks Submit button -…
Bob
  • 1,355
  • 5
  • 19
  • 38
1
vote
0 answers

'openInfoWindow' Causing an error on Google maps jQuery-ui

I need some help with adding infoWindows on Google maps using jquery-ui-map v3 I am getting the Markers from a MySQL database and i am attempting to add infowindow from the description of each location as stored in the data but i keep getting this…
Mukiza Andrew
  • 763
  • 1
  • 8
  • 17