Google map info window, add data-attribute id then catch the element via javascript
Is it possible to add a data-attribute id in the info window of google map in kml then select the info window via javascript or jquery?
I'm aware you can add html easily in the info window if the map is generated via javascript but when pulling the contents via kml it removes any html. Below is how I generate the map
var olat = parseFloat(d.development_lat);
var olng = parseFloat(d.development_long);
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: {lat: olat, lng: olng}
});
var ctaLayer = new google.maps.KmlLayer({
url: 'https://dummy-url-of-the-kml.kml',
map: map
});
}
initMap();The content of the kml are multiple polygons of land parcels.
The reason is, i want it so that each info window will have a unique data attribute then catch it via javascript or jquery to make a customed url link when you click the info window.
Any alternatives are open as long as the data is coming from a kml file
javascript jquery google-maps kml
asked Nov 18 '18 at 23:54
Joshua HernandezJoshua Hernandez
142
add a comment |
Is it possible to add a data-attribute id in the info window of google map in kml then select the info window via javascript or jquery?
I'm aware you can add html easily in the info window if the map is generated via javascript but when pulling the contents via kml it removes any html. Below is how I generate the map
var olat = parseFloat(d.development_lat);
var olng = parseFloat(d.development_long);
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: {lat: olat, lng: olng}
});
var ctaLayer = new google.maps.KmlLayer({
url: 'https://dummy-url-of-the-kml.kml',
map: map
});
}
initMap();The content of the kml are multiple polygons of land parcels.
The reason is, i want it so that each info window will have a unique data attribute then catch it via javascript or jquery to make a customed url link when you click the info window.
Any alternatives are open as long as the data is coming from a kml file
javascript jquery google-maps kml
asked Nov 18 '18 at 23:54
Joshua HernandezJoshua Hernandez
142
1
Are you able to create a complete (working) example? jsfiddle/codepen/snippet? it will help
– Dekel
Nov 18 '18 at 23:57
Please provide a Minimal, Complete, and Verifiable example that exhibits your issue.
– geocodezip
Nov 19 '18 at 0:54
yes it is possible .But after display the whole code may sugest
– LDS
Nov 19 '18 at 7:36
here is a jsfiddle jsfiddle.net/hinayupak/2py639v1/2 The kml file is custom edited because when i generate from google map editor it removes some of the html link
– Joshua Hernandez
Nov 19 '18 at 23:01
add a comment |
Is it possible to add a data-attribute id in the info window of google map in kml then select the info window via javascript or jquery?
I'm aware you can add html easily in the info window if the map is generated via javascript but when pulling the contents via kml it removes any html. Below is how I generate the map
var olat = parseFloat(d.development_lat);
var olng = parseFloat(d.development_long);
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: {lat: olat, lng: olng}
});
var ctaLayer = new google.maps.KmlLayer({
url: 'https://dummy-url-of-the-kml.kml',
map: map
});
}
initMap();The content of the kml are multiple polygons of land parcels.
The reason is, i want it so that each info window will have a unique data attribute then catch it via javascript or jquery to make a customed url link when you click the info window.
Any alternatives are open as long as the data is coming from a kml file
javascript jquery google-maps kml
asked Nov 18 '18 at 23:54
Joshua HernandezJoshua Hernandez
142
Is it possible to add a data-attribute id in the info window of google map in kml then select the info window via javascript or jquery?
I'm aware you can add html easily in the info window if the map is generated via javascript but when pulling the contents via kml it removes any html. Below is how I generate the map
var olat = parseFloat(d.development_lat);
var olng = parseFloat(d.development_long);
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: {lat: olat, lng: olng}
});
var ctaLayer = new google.maps.KmlLayer({
url: 'https://dummy-url-of-the-kml.kml',
map: map
});
}
initMap();The content of the kml are multiple polygons of land parcels.
The reason is, i want it so that each info window will have a unique data attribute then catch it via javascript or jquery to make a customed url link when you click the info window.
Any alternatives are open as long as the data is coming from a kml file
var olat = parseFloat(d.development_lat);
var olng = parseFloat(d.development_long);
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: {lat: olat, lng: olng}
});
var ctaLayer = new google.maps.KmlLayer({
url: 'https://dummy-url-of-the-kml.kml',
map: map
});
}
initMap();var olat = parseFloat(d.development_lat);
var olng = parseFloat(d.development_long);
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: {lat: olat, lng: olng}
});
var ctaLayer = new google.maps.KmlLayer({
url: 'https://dummy-url-of-the-kml.kml',
map: map
});
}
initMap();javascript jquery google-maps kml
javascript jquery google-maps kml
asked Nov 18 '18 at 23:54
Joshua HernandezJoshua Hernandez
142
asked Nov 18 '18 at 23:54
Joshua HernandezJoshua Hernandez
142
asked Nov 18 '18 at 23:54
Joshua HernandezJoshua Hernandez
142
asked Nov 18 '18 at 23:54
Joshua HernandezJoshua Hernandez
142
asked Nov 18 '18 at 23:54
Joshua HernandezJoshua Hernandez
142
142
1
Are you able to create a complete (working) example? jsfiddle/codepen/snippet? it will help
– Dekel
Nov 18 '18 at 23:57
Please provide a Minimal, Complete, and Verifiable example that exhibits your issue.
– geocodezip
Nov 19 '18 at 0:54
yes it is possible .But after display the whole code may sugest
– LDS
Nov 19 '18 at 7:36
here is a jsfiddle jsfiddle.net/hinayupak/2py639v1/2 The kml file is custom edited because when i generate from google map editor it removes some of the html link
– Joshua Hernandez
Nov 19 '18 at 23:01
add a comment |
1
Are you able to create a complete (working) example? jsfiddle/codepen/snippet? it will help
– Dekel
Nov 18 '18 at 23:57
Please provide a Minimal, Complete, and Verifiable example that exhibits your issue.
– geocodezip
Nov 19 '18 at 0:54
yes it is possible .But after display the whole code may sugest
– LDS
Nov 19 '18 at 7:36
here is a jsfiddle jsfiddle.net/hinayupak/2py639v1/2 The kml file is custom edited because when i generate from google map editor it removes some of the html link
– Joshua Hernandez
Nov 19 '18 at 23:01
1
1
Are you able to create a complete (working) example? jsfiddle/codepen/snippet? it will help
– Dekel
Nov 18 '18 at 23:57
Are you able to create a complete (working) example? jsfiddle/codepen/snippet? it will help
– Dekel
Nov 18 '18 at 23:57
Please provide a Minimal, Complete, and Verifiable example that exhibits your issue.
– geocodezip
Nov 19 '18 at 0:54
Please provide a Minimal, Complete, and Verifiable example that exhibits your issue.
– geocodezip
Nov 19 '18 at 0:54
yes it is possible .But after display the whole code may sugest
– LDS
Nov 19 '18 at 7:36
yes it is possible .But after display the whole code may sugest
– LDS
Nov 19 '18 at 7:36
here is a jsfiddle jsfiddle.net/hinayupak/2py639v1/2 The kml file is custom edited because when i generate from google map editor it removes some of the html link
– Joshua Hernandez
Nov 19 '18 at 23:01
here is a jsfiddle jsfiddle.net/hinayupak/2py639v1/2 The kml file is custom edited because when i generate from google map editor it removes some of the html link
– Joshua Hernandez
Nov 19 '18 at 23:01
add a comment |
0
active
oldest
votes
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%2f53366660%2fgoogle-map-info-window-add-data-attribute-id-then-catch-the-element-via-javascr%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
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%2f53366660%2fgoogle-map-info-window-add-data-attribute-id-then-catch-the-element-via-javascr%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
Are you able to create a complete (working) example? jsfiddle/codepen/snippet? it will help
– Dekel
Nov 18 '18 at 23:57
Please provide a Minimal, Complete, and Verifiable example that exhibits your issue.
– geocodezip
Nov 19 '18 at 0:54
yes it is possible .But after display the whole code may sugest
– LDS
Nov 19 '18 at 7:36
here is a jsfiddle jsfiddle.net/hinayupak/2py639v1/2 The kml file is custom edited because when i generate from google map editor it removes some of the html link
– Joshua Hernandez
Nov 19 '18 at 23:01