请看下面的代码。它正在地图上画一个圆圈。如果用户用鼠标单击或用手指(在移动设备上)点击圆圈并拖动它,则圆圈应在地图上移动。
\n\n这适用于桌面版 Firefox、桌面版 Chrome、移动版 Firefox。但移动版 Chrome则不然。我认为 Mobile Firefox 中的代码可能可以正常工作,因为浏览器将触摸输入模拟为鼠标输入,这当然在 Leaflet 中运行良好。
\n\n因此,我需要帮助如何在 Leaflet 中最好地实现触摸事件(与鼠标事件并行)。Leaflet 的文档中没有提到触摸事件。但我认为通常的 Javascript DOM 事件也应该可以工作?(触摸开始、触摸移动、触摸结束)。但在 Chrome 移动版中却不是我编写代码的方式。
\n\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n\t<title>Eventtest</title>\r\n\t<meta charset="utf-8" />\r\n\t<meta name="viewport" content="width=device-width, initial-scale=1.0">\r\n <link rel="stylesheet" href="https://unpkg.com/leaflet@1.1.0/dist/leaflet.css"/>\r\n <script src="https://unpkg.com/leaflet@1.1.0/dist/leaflet.js"></script>\r\n</head>\r\n<body>\r\n<div id="mapid" style="width: 600px; height: 400px;"></div>\r\n<script>\r\nvar mymap = L.map(\'mapid\').setView([51.505, -0.09], 13);\r\n\tL.tileLayer(\'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw\', {\r\n\t\tmaxZoom: 18,\r\n\t\tattribution: \'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, \' +\r\n\t\t\t\'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, \' +\r\n\t\t\t\'Imagery \xc2\xa9 <a href="http://mapbox.com">Mapbox</a>\',\r\n\t\tid: \'mapbox.streets\'\r\n\t}).addTo(mymap);\r\n\r\n\tcircle = L.circle([51.508, -0.11], 500, {\r\n\t\tcolor: \'red\',\r\n\t\tfillColor: …Run Code Online (Sandbox Code Playgroud)