mosleim / jquery-ui-map Goto Github PK
View Code? Open in Web Editor NEWAutomatically exported from code.google.com/p/jquery-ui-map
Automatically exported from code.google.com/p/jquery-ui-map
What steps will reproduce the problem?
1. Download jquery-ui-map-3.0-rc.zip
2. In demos/jquery-google-maps-filtering.html replace with the example code
given on that page:
$('#map_canvas').gmap({'center': '59.3426606750, 18.0736160278' }).bind('init',
function () {
$('#map_canvas').gmap('addMarker', { 'foo': 'bar', 'position': '59.3426606750, 18.0736160278' });
$('#map_canvas').gmap('addMarker', { 'foo': 'baz', 'position': '58.3426606750, 18.0736160278' });
$('#map_canvas').gmap('find', 'markers', { 'property': 'foo', 'value': 'bar' }, function(marker, found) {
marker.setVisible(found);
});
});
3. Test with the example code
What is the expected output? What do you see instead?
It was expected the 'find' will filter by property, but it did not perform as
excpected. I had tested the same with jquery-ui-map-3.0-beta and the 3.0 beta
works.
What version of the product are you using? On what operating system?
jquery-ui-map-3.0-beta, Ubuntu 10.04 LTS/OSX Chrome, FF
Please provide any additional information below.
It seems like find could not retrieve the property (tags, categories etc) and
this is only in 3.0 rc. It works with 3.0 beta.
Original issue reported on code.google.com by monyiliev
on 9 May 2012 at 10:28
addShape method (from overlays) return object as specified, but not what is
expected.
Currently, it returns
$( offset )
which is push offset, wrapped by jQuery
I was expecting
$( shape )
I wrote a patched method, attached to this issue.
Original issue reported on code.google.com by [email protected]
on 16 Feb 2012 at 10:00
Attachments:
What steps will reproduce the problem?
1. Include the jquery-ui-map scripts with the jquery mobile framework but
without jquery-ui scripts
2. create a new instance of gmap()
3. call the destroy() function
What is the expected output? What do you see instead?
Expected for the google map to be emptied and then removed from the DOM.
Instead a script error is produced:
TypeError: $.widget.prototype.destroy is undefined
http://localhost/BIG4.Mobile/Scripts/jquery.ui.map.min.js
Line 321
What version of the product are you using? On what operating system?
- jQuery UI Google Map 2.0
- jQuery Mobile 1.0beta1
- Windows 7, Mozilla Firefox 5.0
What other info?
it appears jQuery mobile references the $.Widget (with a capital 'W') but
jquery ui map references it with a lowercase 'w'
Original issue reported on code.google.com by [email protected]
on 15 Jul 2011 at 6:12
What steps will reproduce the problem?
1. Seen in gmapdemo with display of streetview. An invalid streetview may be
generated at init time. Subsequent calls to display streetview return that
invalid one, and not a valid one, even when a valid lat/lan are later given.
The StreetViewPanorama is used in the plugin's map services field instead of:
http://code.google.com/apis/maps/documentation/javascript/reference.html#StreetV
iewService
So, it seems there is no way to access the real service and e.g. check status:
http://code.google.com/apis/maps/documentation/javascript/reference.html#StreetV
iewStatus
Unclear if this is bug in plugin design, use of google maps, or google maps not
updating streetview to a valid one when it has the chance.
Original issue reported on code.google.com by [email protected]
on 31 May 2011 at 12:36
Hey,
i used to wonder why the clearMarkers-function is not backwards-compatible and
is renamed to "clear"...
I think you wanted to do so and then forgot to change the name also in the
code, because i downloaded the plugin just right now and clear is working
whereas clearMarkers is not.
Greetz
Isa
Original issue reported on code.google.com by [email protected]
on 13 Apr 2011 at 12:44
Hello I just started with this library and I have managed to position a marker
and draw a circle in that position on the map with the examples you have, but I
would like to know how I can calculate and draw a polygon from several points
of coordinates, I can you help? I have reviewed the api but not where I can see
the options for such a line drawing or other different polygon. Thanks in
advance
Original issue reported on code.google.com by [email protected]
on 9 Dec 2011 at 1:28
Hi, if like me you want to have multiple directions displayed at once, you have
to edit jquery.ui.map.services.js so that line 86 become :
var f = new google.maps.DirectionsRenderer();
instead of :
var f = this.get('services > DirectionsRenderer', new
google.maps.DirectionsRenderer());
Original issue reported on code.google.com by [email protected]
on 2 Nov 2011 at 5:49
Hi, I use microformats, I hide some values in a span tag with the class
"value-title" and the value in the title attribute.
But when I use the loadMetadata method, the value of data is not returned.
You can see here what would be the good behavior :
https://www.google.com/support/webmasters/bin/answer.py?answer=146897 (in the
part "hidden content").
Thanks,
AM
Original issue reported on code.google.com by [email protected]
on 29 Apr 2011 at 2:34
What steps will reproduce the problem?
1. Use the following code
2. // map
$('#map_canvas').gmap({
'center': new google.maps.LatLng(17.3926,78.428435),
'zoom' : 15,
'mapTypeId': google.maps.MapTypeId.ROADMAP,
'disableDefaultUI': true,
'callback' : function(){
// marker
$('#map_canvas').gmap('addMarker', {
'position': new google.maps.LatLng(17.3926,78.428435)
});
}
});
3.
What is the expected output? What do you see instead?
What version of the product are you using? On what operating system?
2.0.2
Windows XP
Please provide any additional information below.
Callback doesnt work
Original issue reported on code.google.com by [email protected]
on 15 Nov 2011 at 1:03
What steps will reproduce the problem?
1. Load the attached map (www/index.html)
2. Change map type to satellite using inset google controls
3. Click map to add marker (means that 'center' option is called before marker
stuff happens)
4. The map changes to 'map' type again
What is the expected output? What do you see instead?
Map should stay as satellite type.
Original issue reported on code.google.com by [email protected]
on 21 Jun 2011 at 4:40
Attachments:
Android 3.x (specifically Samsung Galaxy Tab 10.1) does not like:
1. html file names with spaces
2. $.getJSON( 'json.json', 'category=activity', function(data)
--> the use of 'category=activity' in the above call from load JSON example.html
Original issue reported on code.google.com by [email protected]
on 30 May 2011 at 11:34
What steps will reproduce the problem?
1. Open in Internet Explorer using Filter implementation.
2.
3.
What is the expected output? What do you see instead?
I did not expect an error.
What version of the product are you using? On what operating system?
jQuery FN Google Map 3.0-beta
Please provide any additional information below.
I've been able to get it to work by replacing line 176. Using the
jQuery.inArray method instead.
c(d[e], (( b.delimiter && d[e][b.property] ) ? (
d[e][b.property].split(b.delimiter).indexOf(b.value) > -1 ) : (
d[e][b.property] === b.value )));
With this
c(d[e], (( b.delimiter && d[e][b.property] ) ? ( jQuery.inArray(b.value,
d[e][b.property].split(b.delimiter)) > -1 ) : ( d[e][b.property] === b.value
)));
I have also notice line 189 uses indexOf as well, although it has not cause an
error for me yet.
Original issue reported on code.google.com by [email protected]
on 9 Feb 2012 at 6:09
What steps will reproduce the problem?
Not a problem. User sees wrong code for Json
Original issue reported on code.google.com by johansalllarsson
on 23 Jun 2011 at 7:17
To see problem with filter tag/value on page reload:
1. Demo: google-maps-jquery-filtering.html
2. Select a tag-filter other than All
3. Reload the page --> All new markers/locations are generated and shown but
the selector still says what the last selection was, not All
One way to fix, in html add id="all":
<option value="all" id="all"> All</option>
At end of gmap creation:
document.getElementById("all").selected=true;
To enhance look and feel of icons: 1) replace javascript with this block:
var tag = "Wifi";
var icon = new google.maps.MarkerImage('images/wifi.png');
for ( i = 0; i < 40; i++ ) {
if ( i > 10 ) { tag = "Snowboarding"; icon = new google.maps.MarkerImage('images/snowboarding.png');}
if ( i > 20 ) { tag = "Music"; icon = new google.maps.MarkerImage('images/music.png');}
if ( i > 30 ) { tag = "Dancing"; icon = new google.maps.MarkerImage('images/dancing.png');}
$('#map_canvas').gmap('addMarker', { 'tag':tag, 'title':tag, 'bound':false, 'icon': icon, 'position': new google.maps.LatLng(southWest.lat() + latSpan * Math.random(), southWest.lng() + lngSpan * Math.random()) } );
}
2) Put attached 4 icons in demos/images/
(images from http://code.google.com/p/google-maps-icons/ )
Original issue reported on code.google.com by [email protected]
on 24 May 2011 at 9:20
Attachments:
Hi, first of all, thanks for this lib. It has helped me build a map more easily.
I think using that "unmaintainably short" variable names is making no one a
favor.
I would recommend you to give a look at uglyfier, if you haven't already.
https://github.com/lautis/uglifier
It will allow you to use human-understandable variable names in the source code
for humans, and then mangle them (selectively) into 1-letter variable names for
computers, when minimizing.
In any case, thanks and regards!
Original issue reported on code.google.com by [email protected]
on 5 Jan 2012 at 5:50
The file(s) are encoded as ISO-8859 with CRLF terminators, but ideally should
be UTF-8 with LF terminators to work nicely with Rails. The iso-8859 encoding
throws an exception with Sprockets under Rails 3.1.1.
What steps will reproduce the problem?
1. Drop jquery.fn.gmap.js into app/assets/javascripts/
2. include it in a page with javascript_include_tag 'jquery.fn.gmap.js'
3. load the page in browser and should see at Sprockets::EncodingError with
'invalid UTF-8 byte sequence'
What is the expected output? What do you see instead?
It should render the page and include the jquery.fn.gmap.js file.
What version of the product are you using? On what operating system?
jquery-ui-map-3.0-alpha with Rails 3.1.1
Original issue reported on code.google.com by [email protected]
on 20 Oct 2011 at 2:59
What steps will reproduce the problem?
1.Visit the marker filtering example with IE7 or IE8 and chose one of the
dropdown filter selections (I used google maps to produce the screenshot).
2.
3.
What is the expected output? What do you see instead?
I didn't expect an error. I've appended a snippet showing the details with IE9
in IE8 mode.
What version of the product are you using? On what operating system?
Windows7 IE9 is up-to-date.
<http://jquery-ui-map.googlecode.com/svn/trunk/demos/google-maps-jquery-filterin
g.html> is the example mentioned above.
Please provide any additional information below.
Original issue reported on code.google.com by [email protected]
on 5 Sep 2011 at 1:40
Attachments:
What steps will reproduce the problem?
1. Use the attached code from Issue 45
(Ok to run on desktop, seen on Chrome/Ubuntu)
2. Correct any javascript errors - doesn't concern map controls
3. Click on small map (map_square)
4. This takes you to the page-map (map_canvas)
5. Often, not always, will see the screenshot attached
Not seen on mobile device. Not sure if real issue.
Original issue reported on code.google.com by [email protected]
on 21 Apr 2012 at 4:43
Attachments:
1. The example in file : google-maps-jquery-markerclusterer.html
is not included in the menu list and cannot be seen by the user.
2. Change the title from : MarkerClusterer example
to : Marker Clusterer Utility
3. Make the clusters more interesting by changing position calculation to :
position: new google.maps.LatLng(42.345573 + (i/100),-71.098326 -
(2*(Math.random())))
Original issue reported on code.google.com by [email protected]
on 20 May 2011 at 12:42
What steps will reproduce the problem?
1. I initialize a map and add some markers with 'bounds': true
2. Then I remove the markers with $('#map_canvas').gmap('clear', 'markers')
but keep the map to save initialization
3. Then I add some other new markers with 'bounds': true
4. When I refresh the map $('#map_canvas').gmap( 'refresh' ); I get a map
fitting both the new and old (removed) markers.
What is the expected output? What do you see instead?
I tried with a $('#map_canvas').gmap('clear', 'bounds') in step 2 but that left
me with an unresponsive map.
What version of the product are you using? On what operating system?
3.0-rc1 used with jQuery Mobile on Android.
Please provide any additional information below.
Original issue reported on code.google.com by [email protected]
on 29 Apr 2012 at 9:24
Hello,
I have simple question.
How can I get address from Lat & Lng point ?
Best regards
Original issue reported on code.google.com by [email protected]
on 1 Feb 2012 at 9:41
What steps will reproduce the problem?
1. the maps don't fit the screen and don't see nothing
2.
3.
What is the expected output? What do you see instead?
to fit and see the maps
What version of the product are you using? On what operating system?
<link href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="mapapp.css" type="text/css">
<script src="http://www.google.com/jsapi?key=ABQIAAAAahcO7noe62FuOIQacCQQ7RTHkUDJMJAZieEeKAqNDtpKxMhoFxQsdtJdv3FJ1dT3WugUNJb7xD-jsQ" type="text/javascript"></script>
<script type="text/javascript">
google.load("maps", "3", {'other_params':'sensor=true'});
google.load("jquery", "1.5.2");
</script>
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
<script type="text/javascript" charset="utf-8" src="phonegap.0.9.5.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://jquery-ui-map.googlecode.com/svn/tags/2.0.1/ui/jquery.ui.map.min.js"></script>
<script type="text/javascript" charset="utf-8" src="mapapp.complete.js"></script>
Please provide any additional information below.
i use the code on this link
http://www.mobiledevelopersolutions.com/home/start/twominutetutorials/tmt4part1
based on jquery-ui-map, but don't work the fit and i dont see nothing with css.
I change to use in width the pixel unit and work, but don't fit the screen. I
test this in an ipad and iphone.
thank you
Original issue reported on code.google.com by [email protected]
on 2 Jun 2011 at 10:39
1. Change the file name of : demos/other-examples.html
to be more descriptive of contents like : click-drag-geo-search.html
2. Change the title of the page from : "multiple map on page example"
to something like : "Click & Drag Events with Geo Search"
Original issue reported on code.google.com by [email protected]
on 20 May 2011 at 12:33
Right now you can search for a single value, or a single value appearing in a
list of values:
$('#map_canvas').gmap('find', 'markers', { 'property': 'tags', 'value': 'foo', 'delimiter': ', '}, function(marker, isFound) { ... })
I would like to have an ability to search for multiple values in a single call.
something like this:
$('#map_canvas').gmap('find', 'markers', { 'property': 'tags', 'values': ['foo','bar','baz'] }, function(marker, isFound) { ... })
note that in my example call i set 'values' no 'value', also i provide an array
of values which means i dont need to provide a delimiter.
Also, the current code could benefit from using arrays instead of splitting a
string. When you split a string, you get an array of strings back. but what if
your tag was an integer? You could also drop the need for a delimiter if arrays
were used.
Original issue reported on code.google.com by [email protected]
on 15 Feb 2012 at 7:27
This is feature request.
I see center method for map constructor.
Can we also have search address method for map constructor?
Original issue reported on code.google.com by [email protected]
on 11 Jun 2011 at 6:04
What steps will reproduce the problem?
1. http://jquery-ui-map.googlecode.com/svn/trunk/demos/advanced-example.html
2. Click on one of the markers
3. The event data and streetview appear correctly in a dialog
4. Close the dialog with X
5. Scroll to other marker, click on it - no streetview
What is the expected output? What do you see instead?
Whichever event is clicked on first will have a streetview image, subsequent
events viewed will not. Release or clean up after closing the dialog doesn't
seem to work as the little man will be seen hanging around the first event
clicked (like during a mouse up event?). On Android he is always hanging around
the first event clicked.
What version of the product are you using? On what operating system?
2.0.1 on Linux: FF / Chrome / ; Android
Original issue reported on code.google.com by [email protected]
on 19 May 2011 at 2:07
What steps will reproduce the problem?
1. Place google map inside of a ui tab with markers setting bounds: true
2. use gmap("refresh") to make ui tabs work
3. icons are no longer sized to the correct bounds
What is the expected output? What do you see instead?
I was expecting "refresh" to keep my same zoom level and bounds
What version of the product are you using? On what operating system?
v3 alpha
Please provide any additional information below.
Right now what happens is for some reason I'm zoomed out and the markers aren't
centered.
Original issue reported on code.google.com by [email protected]
on 25 Aug 2011 at 10:25
What steps will reproduce the problem?
1. Create a basic map with jQuery UI. Maps div is called "map_canvas"
2. Use code sample provided for displaying driving directions.
3. Directions are found but never drawn
What is the expected output? What do you see instead?
I expect to see a route drawn from one point to another.
What version of the product are you using? On what operating system?
Latest build 162 I believe
Please provide any additional information below.
Here i the code I'm using.
$(function(){
$('#map_canvas').gmap().bind('init', function(evt, map){
$('#map_canvas').gmap('displayDirections', { 'origin': 'Los Angeles, USA', 'destination': 'New York, USA', 'travelMode': google.maps.DirectionsTravelMode.DRIVING }, { 'panel': document.getElementById('panel') }, function(result, status) {
if ( status === 'OK' ) {
alert('Results found!');
}
});
});
$("#map_canvas").gmap({"center": new google.maps.LatLng(41.741534, -111.829834)});
});
This bug might be not right as well because i'm trying to draw the route on the
map while "displayDirections" implies that you are just showing directions vs
drawingRoute or something like that.
Original issue reported on code.google.com by [email protected]
on 29 Aug 2011 at 4:58
Using the following code to try and display a custom control on the maps:
var myCustomControlDiv = document.createElement('div');
var myCustomControl = new MyCustomControl(myCustomControlDiv);
$('#map_canvas').gmap('addControl', 'myCustomControl', google.maps.ControlPosition.LEFT_TOP);
function MyCustomControl(controlDiv) {
var control = this;
var testBtn = document.createElement('div');
testBtn.id = 'testBtn';
testBtn.innerHTML = 'Alert!';
controlDiv.appendChild(testBtn);
// wire up jquery click
$(testBtn).click(function () {
alert('jquery click event');
});
// wire up jquery hover
$(testBtn).hover(function () {
$(this).toggleClass('btnHover');
});
}
The control will not appear for some reason. I couldn't find any good examples
of this and was hoping you could help me out.
Original issue reported on code.google.com by [email protected]
on 16 Feb 2012 at 8:34
There is currently no way to bind to any of the infowindow events because the
reference to it is not accessible in any way via the API
I needed to bind to the close event and preform some cleanup, but i couldnt. i
made some changes to the code:
(i added the cb argument)
openInfoWindow: function(a, b, cb) {
this.get('iw').setOptions(a);
this.get('iw').open(this.get('map'), this._unwrap(b));
cb && cb(this.get('iw'));
}
Original issue reported on code.google.com by [email protected]
on 13 Feb 2012 at 8:36
What steps will reproduce the problem?
marker1, marker2 are closer than marker1, marker3 (so the bounds will be wider,
here, to illustrate the point better)
1. Add a gmap()
2. Add marker1, bounds = True
3. Add marker2, bounds = True
4. Clear all markers
5. Add marker1, bounds = True
6. Add marker3, bounds = True
7. Clear all markers
8. Add marker1, bounds = True
9. Add marker2, bounds = True
What is the expected output? What do you see instead?
Bounds should be the same for 2, 3 and 8,9, but because the bounds do not reset
with from the 'clear' on Step 7, the bounds are the same as they were for 5, 6
What version of the product are you using? On what operating system?
3.0-rc1, Ubuntu 11.10
Please provide any additional information below.
Original issue reported on code.google.com by [email protected]
on 9 Apr 2012 at 8:06
What steps will reproduce the problem?
1. lazy load google maps so window.google is available after this lib has been
evaled
What is the expected output? What do you see instead?
Error on line 340 saying google maps is undefined. If you change from:
if ( google.maps && this[0] instanceof google.maps.MVCObject ) {
to:
if ( window.google && google.maps && this[0] instanceof google.maps.MVCObject ) {
everything works fine.
What version of the product are you using?
3.0-rc
Original issue reported on code.google.com by [email protected]
on 21 May 2012 at 1:34
gmap() should return 'this' so it can be chained ie:
$('.map').gmap().show();
Original issue reported on code.google.com by [email protected]
on 14 Feb 2012 at 3:56
What steps will reproduce the problem?
1. Load the example code in a chrome browser
2. Notice that small map_square has controls set to false
3. Hit small map to go to 2nd page. Notice large map
has no controls. Expected controls b/c didn't exclude them.
4. Edit mapapp.complete.js, see line 8:
// comment these 3 controls out
5. Re-run the app, see the controls on map_square
and on map_canvas this time.
6. If allow the default controls on map_square, then
the controls will show up on map_canvas.
What is the expected output? What do you see instead?
Would expect no controls on first map, as indicated (#map_square),
but regular controls on 2nd map (#map_canvas).
Workaround: explicitly set desired controls on 2nd map, or on each map.
This is TMT4 Part 1 - Route Finder.
Sometimes hitting the back button on browser will show that
the small map map_square will have it's position shifted -
maybe due to the seeming connection (in a bad way) between
the two maps.
Original issue reported on code.google.com by [email protected]
on 20 Apr 2012 at 2:47
Attachments:
When I open map in FF 11.0 or Chrome 18.0.1025.162 the map and its scripts work
correct, but sprite images doesn't load and I got message in JS console like
this:
Resource interpreted as Image but transferred with MIME type text/html:
"http://maps.googleapis.com/maps/gen_204?ev=api_viewport&cad=src:apiv3".
It is harmless untill you need controlls and baloons. In this case you get
broken images or no image at all.
I'm developing project with jQuery 1.7.1, jQuery mobile 1.1 and jQuery UI Map
3.0 RC under Ubuntu 11.10.
Mime type message appears even if I try to open official examples:
http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-geocoding
.html
Original issue reported on code.google.com by [email protected]
on 18 Apr 2012 at 4:31
Attachments:
It should be possible to initialize the plugin manually, rather than have
initialization take place when the source file is parsed.
This is critical because web applications must sometimes run offline; if the
Google Maps API is unavailable (since it cannot be used offline), there needs
to be a way for the app to gracefully degrade. Currently, this plugin assumes
that that the google.maps object always exists.
Original issue reported on code.google.com by [email protected]
on 24 May 2011 at 3:23
What steps will reproduce the problem?
0. Reproduced on Droid (do not see on HTC Evo)
1. Load the demo example other-examples.html (aka Click and Drag Events with
Geo Search)
2. Add a marker, edit a field to bring up keyboard, hit "go" or submit key
3. The app will crash in browser (no message), browser reloads previous page
(i.e. jquery-ui-map home page)
Fix by adding the following to the form
onsubmit="return false;"
* Unlikely to see user browsing these pages on Android due to poor scaling, etc.
Original issue reported on code.google.com by [email protected]
on 26 May 2011 at 9:37
What steps will reproduce the problem?
0. Use 3.0-rc version of plugin
1. Create map using jquery-mobile 1.1.0 and jquery-1.6.4
--> works as expected (beautifully)
2. Create map using jquery-mobile 1.1.0 and jquery-1.7.2
--> maps is put off-center in upper left of screen,
won't recenter or be dragged into place
3. It could be my code, but the following sample works great
with 1.6.4, then I make 1 change to 1.7.2 and the problem shows:
$('#map_canvas').gmap( { 'center': defaultLoc, 'zoom' : 14, 'zoomControlOptions': {'position':google.maps.ControlPosition.LEFT_TOP} })
.bind('init', function(evt, map) {
$('#map_canvas').gmap('addControl', 'controls', google.maps.ControlPosition.BOTTOM_CENTER);
document.getElementById('controls').style.display = 'inline';
}); // end .bind
Note: jquery-mobile-1.1.0 "officially" supports using jquery 1.6.4 so
using 1.6.4 is an okay work-around for me.
Original issue reported on code.google.com by [email protected]
on 19 Apr 2012 at 4:15
It would be great to see a method to clear directions once they are rendered on
the map (in my projet I have button to switch between location markers and
directions : going back to markers after directions still shows the route,
which is annoying). It's a small addition to the code but it would definitely
be useful.
I guess the code would look like:
var clearDirections = function() {
var a = this.get('services > DirectionsRenderer');
if (a) {
// see below what that does
a.setMap(null);
a.setPanel(null);
}
}
From the GMap API:
google.maps.DirectionsRenderer class
- setMap(map:Map) Pass null to remove the directions from the map.
- setPanel(panel:Node) Pass null to remove the content from the panel.
Original issue reported on code.google.com by [email protected]
on 1 Sep 2011 at 11:54
Not an issue, but an addition request
I've done a removeEventListener method, and have cleaned addEventListener
variable names to be more readable.
I've attached the file with the "issue"
Original issue reported on code.google.com by [email protected]
on 15 Feb 2012 at 9:45
Attachments:
What steps will reproduce the problem?
1. Add jQuery, jquery-ui-map and custom.js via <script> tags in that order
2. In the custom.js rename jQuery and $ to something else via
jQuery.noConflict(true); mechanism for instance
TOjQ = jQuery;
jQuery.noConflict(true);
3. When I latter initalize gmap results in:
jQuery is undefined
.../js/jquery.ui.map.js
Line 90
What is the expected output? What do you see instead?
No errors :)
What version of the product are you using? On what operating system?
3.0rc1 on Linux
Please provide any additional information below.
Change jQuery in jquery.ui.map.js to $ solves the problem.
Original issue reported on code.google.com by [email protected]
on 28 Apr 2012 at 8:21
What steps will reproduce the problem?
1. modify code in current downloadable v3 beta. modify basic example
2. change the js to the following:
$(function() {
demo.add(function() {
$('#map_canvas').gmap({'center': '57.7973333,12.0502107', 'zoom': 10, 'disableDefaultUI':true, 'callback': function() {
var self = this;
self.addMarker({'position': this.get('map').getCenter() }).click(function() {
self.openInfoWindow({ 'content': 'Hello World!' }, this);
});
}});
$('#map_canvas').gmap('destroy');
$('#map_canvas').gmap({'center': '57.7973333,12.0502107', 'zoom': 10, 'disableDefaultUI':true, 'callback': function() {
var self = this;
self.addMarker({'position': this.get('map').getCenter() }).click(function() {
self.openInfoWindow({ 'content': 'Hello World!' }, this);
});
}});
}).load();
});
note, i added a destroy call and then i call the same init function a second
time.
expected:
code behaves as before the edit
actual:
no marker appears on the map
Original issue reported on code.google.com by [email protected]
on 13 Feb 2012 at 10:19
Will not center correctly... check it out.
Original issue reported on code.google.com by johansalllarsson
on 15 Feb 2012 at 9:36
Summary: if a "bad" (unobtainable) route is requested once using
displayDirections, the map will never show a route again (like when a "good"
to/from re-entered) on the map, but directions will be updated indicating a
successful route was found.
1.
http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-mobile-example.html#j
query-mobile-example-3.html
2. Use default to/from and hit "Get directions" - map and directions - OK
3. Enter a bad "To" value (Hilo, HI, USA), leave Got. in "From" field
4. Hit "Get directions" - route is cleared from map, no directions - OK
5. Enter Stockholm, Sweden again in "To" field, hit "Get directions" --->
directions are updated, but map is not: no route shown even though success case.
What is the expected output? What do you see instead?
The route to be shown on map whenever route is possible.
Please use labels and text to provide additional information.
One fix is to add the line indicated with --> <-- to jquery.ui.map.js:187
} else {
instance.services.DirectionsRenderer.setMap(null);
--> instance.services.DirectionsRenderer = null; <--
}
Original issue reported on code.google.com by [email protected]
on 22 May 2011 at 6:29
Hey,
At first of all I would like say "Good Job" :)
I write this issue because probably I found a bug.
I try to add "zoom" param to marker options but this not working.
Example
<script type="text/javascript">
$("#map").gmap({'minZoom' : 5, 'zoom' : 7, 'center' : '51.919438,19.145136', 'callback': function(){
this.addMarker({ 'zoom' : 10, 'position' : '51.437745,15.576811', 'bounds' : true});
}});
</script>
first line work fine, but second line not react for zoom parameter, so by
default found marker has maximum zoom.
Could you help me?
Original issue reported on code.google.com by [email protected]
on 8 Jan 2012 at 1:09
What steps will reproduce the problem?
1. call openInfoWindow
2. call clear markers
3.
What is the expected output? What do you see instead?
InfoWindow should close when markers are cleared but it does not.
What version of the product are you using? On what operating system?
v3
Please provide any additional information below.
Original issue reported on code.google.com by [email protected]
on 13 Oct 2011 at 6:43
What steps will reproduce the problem?
1. Place a reset.css with standardized line-height:1; onto the body
2. Implement responsive elements max-width technique img, embed, iframe {
max-width:100%; }
3. Implement jquery mobile and map with marker windows.
What is the expected output? What do you see instead?
The bubble comes up but there is odd image slices overlayed.
What version of the product are you using? On what operating system?
* jQuery UI Google Map 3.0-alpha
Mac 10.5.8 - Chrome 17.0.963.56
Please provide any additional information below.
Attached the distorted bubble as a screenshot.
The line-height reset (#1) I have standard on our platform causes the close X
to have a hollow rectangle.
The max-width technique (#2) is the cause for the bottom of the bubble having
this issue.
Thank you
Original issue reported on code.google.com by [email protected]
on 6 Mar 2012 at 7:25
Attachments:
What steps will reproduce the problem?
1. $('#map_canvas').addEventListener('zoom_changed', function(){alert('hi');});
2. zoom the map
3. nothing gets alerted
What is the expected output? What do you see instead?
Id expect an alert to be fired when the map is zommed
What version of the product are you using? On what operating system?
3.0 alpha
Please provide any additional information below.
Original issue reported on code.google.com by [email protected]
on 19 Oct 2011 at 3:46
i get an error 'Uncaught TypeError: Object [object Object] has no method 'pan'
http://code.google.com/p/jquery-ui-map/wiki/jquery_ui_map_v_3_sample_code#Search
Original issue reported on code.google.com by [email protected]
on 15 Oct 2011 at 2:51
Looking at the code is see a lot of this:
for(a in c)
this should be:
for(var a in c)
Original issue reported on code.google.com by [email protected]
on 13 Feb 2012 at 8:14
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.