Mixing
Google Maps InfoWindow and JQueryUI Tooltip issue
Our site hosts a Google Map which has markers the user can click. When the marker is clicked an InfoWindow is shown with the details of that marker.
We also use JQueryUI tooltip on our site which works well for us.
Since the 3.34 update to Google Maps it looks like they changed the close button of the InfoWindow which now contains a title atribute, this is causing the JQuery tooltip to replace the standard tooltip, thats fine.
However when you click the close button of the InfoWindow the tooltip remains indefinitly on the screen.
See the JS Fiddle here: https://jsfiddle.net/yzep2jvu/
code
Run it then click the marker then click the close on the InfoWindow, the tooltip remains
Any Ideas?
javascript google-maps jquery-ui-tooltip
asked Nov 20 '18 at 20:59
Andrew MarksAndrew Marks
12
add a comment |
Our site hosts a Google Map which has markers the user can click. When the marker is clicked an InfoWindow is shown with the details of that marker.
We also use JQueryUI tooltip on our site which works well for us.
Since the 3.34 update to Google Maps it looks like they changed the close button of the InfoWindow which now contains a title atribute, this is causing the JQuery tooltip to replace the standard tooltip, thats fine.
However when you click the close button of the InfoWindow the tooltip remains indefinitly on the screen.
See the JS Fiddle here: https://jsfiddle.net/yzep2jvu/
code
Run it then click the marker then click the close on the InfoWindow, the tooltip remains
Any Ideas?
javascript google-maps jquery-ui-tooltip
asked Nov 20 '18 at 20:59
Andrew MarksAndrew Marks
12
1
Please provide a Minimal, Complete, and Verifiable example that demonstrates the issue.
– geocodezip
Nov 20 '18 at 22:01
jsfiddle.net/yzep2jvu
– Andrew Marks
Nov 21 '18 at 12:56
add a comment |
Our site hosts a Google Map which has markers the user can click. When the marker is clicked an InfoWindow is shown with the details of that marker.
We also use JQueryUI tooltip on our site which works well for us.
Since the 3.34 update to Google Maps it looks like they changed the close button of the InfoWindow which now contains a title atribute, this is causing the JQuery tooltip to replace the standard tooltip, thats fine.
However when you click the close button of the InfoWindow the tooltip remains indefinitly on the screen.
See the JS Fiddle here: https://jsfiddle.net/yzep2jvu/
code
Run it then click the marker then click the close on the InfoWindow, the tooltip remains
Any Ideas?
javascript google-maps jquery-ui-tooltip
asked Nov 20 '18 at 20:59
Andrew MarksAndrew Marks
12
Our site hosts a Google Map which has markers the user can click. When the marker is clicked an InfoWindow is shown with the details of that marker.
We also use JQueryUI tooltip on our site which works well for us.
Since the 3.34 update to Google Maps it looks like they changed the close button of the InfoWindow which now contains a title atribute, this is causing the JQuery tooltip to replace the standard tooltip, thats fine.
However when you click the close button of the InfoWindow the tooltip remains indefinitly on the screen.
See the JS Fiddle here: https://jsfiddle.net/yzep2jvu/
code
Run it then click the marker then click the close on the InfoWindow, the tooltip remains
Any Ideas?
javascript google-maps jquery-ui-tooltip
javascript google-maps jquery-ui-tooltip
asked Nov 20 '18 at 20:59
Andrew MarksAndrew Marks
12
asked Nov 20 '18 at 20:59
Andrew MarksAndrew Marks
12
edited Nov 21 '18 at 13:02
Andrew Marks
asked Nov 20 '18 at 20:59
Andrew MarksAndrew Marks
12
asked Nov 20 '18 at 20:59
Andrew MarksAndrew Marks
12
asked Nov 20 '18 at 20:59
Andrew MarksAndrew Marks
12
12
1
Please provide a Minimal, Complete, and Verifiable example that demonstrates the issue.
– geocodezip
Nov 20 '18 at 22:01
jsfiddle.net/yzep2jvu
– Andrew Marks
Nov 21 '18 at 12:56
add a comment |
1
Please provide a Minimal, Complete, and Verifiable example that demonstrates the issue.
– geocodezip
Nov 20 '18 at 22:01
jsfiddle.net/yzep2jvu
– Andrew Marks
Nov 21 '18 at 12:56
1
1
Please provide a Minimal, Complete, and Verifiable example that demonstrates the issue.
– geocodezip
Nov 20 '18 at 22:01
Please provide a Minimal, Complete, and Verifiable example that demonstrates the issue.
– geocodezip
Nov 20 '18 at 22:01
jsfiddle.net/yzep2jvu
– Andrew Marks
Nov 21 '18 at 12:56
jsfiddle.net/yzep2jvu
– Andrew Marks
Nov 21 '18 at 12:56
add a comment |
1 Answer
1
active
oldest
votes
I am experiencing this issue as well using Google Chrome and Google Maps 3.34 and 3.35 with jQuery UI. Not the best solution, but this solved it:
map.addListener('mousemove', function() {
$("[role='tooltip']").remove();
});
Check out this fiddle: https://jsfiddle.net/pablobetes/jaoy4w2f/
answered Nov 23 '18 at 11:49
Pablo BetésPablo Betés
11
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53401440%2fgoogle-maps-infowindow-and-jqueryui-tooltip-issue%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I am experiencing this issue as well using Google Chrome and Google Maps 3.34 and 3.35 with jQuery UI. Not the best solution, but this solved it:
map.addListener('mousemove', function() {
$("[role='tooltip']").remove();
});
Check out this fiddle: https://jsfiddle.net/pablobetes/jaoy4w2f/
answered Nov 23 '18 at 11:49
Pablo BetésPablo Betés
11
add a comment |
I am experiencing this issue as well using Google Chrome and Google Maps 3.34 and 3.35 with jQuery UI. Not the best solution, but this solved it:
map.addListener('mousemove', function() {
$("[role='tooltip']").remove();
});
Check out this fiddle: https://jsfiddle.net/pablobetes/jaoy4w2f/
answered Nov 23 '18 at 11:49
Pablo BetésPablo Betés
11
add a comment |
I am experiencing this issue as well using Google Chrome and Google Maps 3.34 and 3.35 with jQuery UI. Not the best solution, but this solved it:
map.addListener('mousemove', function() {
$("[role='tooltip']").remove();
});
Check out this fiddle: https://jsfiddle.net/pablobetes/jaoy4w2f/
answered Nov 23 '18 at 11:49
Pablo BetésPablo Betés
11
I am experiencing this issue as well using Google Chrome and Google Maps 3.34 and 3.35 with jQuery UI. Not the best solution, but this solved it:
map.addListener('mousemove', function() {
$("[role='tooltip']").remove();
});
Check out this fiddle: https://jsfiddle.net/pablobetes/jaoy4w2f/
answered Nov 23 '18 at 11:49
Pablo BetésPablo Betés
11
answered Nov 23 '18 at 11:49
Pablo BetésPablo Betés
11
answered Nov 23 '18 at 11:49
Pablo BetésPablo Betés
11
answered Nov 23 '18 at 11:49
Pablo BetésPablo Betés
11
11
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53401440%2fgoogle-maps-infowindow-and-jqueryui-tooltip-issue%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
Please provide a Minimal, Complete, and Verifiable example that demonstrates the issue.
– geocodezip
Nov 20 '18 at 22:01
jsfiddle.net/yzep2jvu
– Andrew Marks
Nov 21 '18 at 12:56