Hfrhyu

One-one communication

How do Java 8 default methods hеlp with lambdas?

Table formatting with tabularx?

Was the pager message from Nick Fury to Captain Marvel unnecessary?

How to use bash to create a socket server and allow multiple clients in the same port?

New Order #6: Easter Egg

How to make triangles with rounded sides and corners? (squircle with 3 sides)

Marquee sign letters

How does TikZ render an arc?

First paper to introduce the "principal-agent problem"

Why complex landing gears are used instead of simple, reliable and light weight muscle wire or shape memory alloys?

Nose gear failure in single prop aircraft: belly landing or nose landing?

Did any compiler fully use 80-bit floating point?

"Destructive power" carried by a B-52?

Does the main washing effect of soap come from foam?

Is "ゲーム中に使用する" a descriptor in "ゲーム中に使用する最大HPを書き写す"?

Why is a lens darker than other ones when applying the same settings?

Centre cell vertically in tabularx

As a dual citizen, my US passport will expire one day after traveling to the US. Will this work?

Statistical analysis applied to methods coming out of Machine Learning

What are some likely causes to domain member PC losing contact to domain controller?

Is there a spell that can create a permanent fire?

Centre cell contents vertically

.bashrc alias for a command with fixed second parameter

Update info on a div when map on touchend

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I want to update a div with information when I touchend the map on my iPad or iPhone.
The information div run correctly with a click version but for a touchend I had to use map.on

map.on('touchend', function(e) *...*

What I can put on my map.on function to update information in my div using data of my JSON?

I used this for click version :

info.update = function(properties) 

document.getElementById("data1").innerHTML = properties.MUS_NM_MUN;
document.getElementById("data2").innerHTML = properties.MUS_NM_REG;
document.getElementById("data3").innerHTML = percentFormat(properties.POURCENTAG);
document.getElementById("data4").innerHTML = properties.VE_VHR_VBV;;

leaflet mapping

share|improve this question

edited Apr 13 at 15:19

Michael Sanchez

asked Apr 12 at 19:19

Michael SanchezMichael Sanchez

11

add a comment | 

0

I want to update a div with information when I touchend the map on my iPad or iPhone.
The information div run correctly with a click version but for a touchend I had to use map.on

map.on('touchend', function(e) *...*

What I can put on my map.on function to update information in my div using data of my JSON?

I used this for click version :

info.update = function(properties) 

document.getElementById("data1").innerHTML = properties.MUS_NM_MUN;
document.getElementById("data2").innerHTML = properties.MUS_NM_REG;
document.getElementById("data3").innerHTML = percentFormat(properties.POURCENTAG);
document.getElementById("data4").innerHTML = properties.VE_VHR_VBV;;

leaflet mapping

share|improve this question

edited Apr 13 at 15:19

Michael Sanchez

asked Apr 12 at 19:19

Michael SanchezMichael Sanchez

11

add a comment | 

I want to update a div with information when I touchend the map on my iPad or iPhone.
The information div run correctly with a click version but for a touchend I had to use map.on

map.on('touchend', function(e) *...*

What I can put on my map.on function to update information in my div using data of my JSON?

I used this for click version :

info.update = function(properties) 

document.getElementById("data1").innerHTML = properties.MUS_NM_MUN;
document.getElementById("data2").innerHTML = properties.MUS_NM_REG;
document.getElementById("data3").innerHTML = percentFormat(properties.POURCENTAG);
document.getElementById("data4").innerHTML = properties.VE_VHR_VBV;;

leaflet mapping

share|improve this question

edited Apr 13 at 15:19

Michael Sanchez

asked Apr 12 at 19:19

Michael SanchezMichael Sanchez

11

map.on('touchend', function(e) *...*

info.update = function(properties) 

document.getElementById("data1").innerHTML = properties.MUS_NM_MUN;
document.getElementById("data2").innerHTML = properties.MUS_NM_REG;
document.getElementById("data3").innerHTML = percentFormat(properties.POURCENTAG);
document.getElementById("data4").innerHTML = properties.VE_VHR_VBV;;

share|improve this question

edited Apr 13 at 15:19

Michael Sanchez

asked Apr 12 at 19:19

Michael SanchezMichael Sanchez

11

share|improve this question

edited Apr 13 at 15:19

Michael Sanchez

asked Apr 12 at 19:19

Michael SanchezMichael Sanchez

11

asked Apr 12 at 19:19

Michael SanchezMichael Sanchez

11

asked Apr 12 at 19:19

Michael SanchezMichael Sanchez

11

1 Answer
1

active

oldest

votes

2

You could use original DOM touch events, but it can get quite complicated. For use on map Leaflet converts all touch events to mouse events.

Processsing of touch events goes like this: if touch lasts less then 1 second, it's interpreted as click, if it lasts more than one second, it fires special contextmenu event.

If you want to catch both, just declare:

map.on('contextmenu click', function(e) *...*

share|improve this answer

answered Apr 13 at 11:24

TomazicMTomazicM

1,8431516

add a comment | 

Your Answer

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "79"
;
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: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
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
);



);

draft saved

draft discarded

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

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgis.stackexchange.com%2fquestions%2f318650%2fupdate-info-on-a-div-when-map-on-touchend%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

2

You could use original DOM touch events, but it can get quite complicated. For use on map Leaflet converts all touch events to mouse events.

Processsing of touch events goes like this: if touch lasts less then 1 second, it's interpreted as click, if it lasts more than one second, it fires special contextmenu event.

If you want to catch both, just declare:

map.on('contextmenu click', function(e) *...*

share|improve this answer

answered Apr 13 at 11:24

TomazicMTomazicM

1,8431516

add a comment | 

2

You could use original DOM touch events, but it can get quite complicated. For use on map Leaflet converts all touch events to mouse events.

Processsing of touch events goes like this: if touch lasts less then 1 second, it's interpreted as click, if it lasts more than one second, it fires special contextmenu event.

If you want to catch both, just declare:

map.on('contextmenu click', function(e) *...*

share|improve this answer

answered Apr 13 at 11:24

TomazicMTomazicM

1,8431516

add a comment | 

You could use original DOM touch events, but it can get quite complicated. For use on map Leaflet converts all touch events to mouse events.

Processsing of touch events goes like this: if touch lasts less then 1 second, it's interpreted as click, if it lasts more than one second, it fires special contextmenu event.

If you want to catch both, just declare:

map.on('contextmenu click', function(e) *...*

share|improve this answer

answered Apr 13 at 11:24

TomazicMTomazicM

1,8431516

map.on('contextmenu click', function(e) *...*

share|improve this answer

answered Apr 13 at 11:24

TomazicMTomazicM

1,8431516

answered Apr 13 at 11:24

TomazicMTomazicM

1,8431516

answered Apr 13 at 11:24

TomazicMTomazicM

1,8431516