Question

我正在尝试使用Mapkit JS绘制地图。我拥有的代码在台式机上运行良好。但是，在手机上进行测试时存在一个问题。看来我无法用手指四处移动地图。在桌面上，我可以用鼠标在地图上移动。

 <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.apple-mapkit.com/mk/5.x.x/mapkit.js"></script>

    <style>
    #map {
        width: 100%;
        height: 400px;
    }
    </style>

    </head>

    <body>
    <div id="map"></div>

    <script>
    mapkit.init({
        authorizationCallback: function(done) {
            done("API KEY");
        },
        language: "en"
    });

   var map = new mapkit.Map('map', {
   showsMapTypeControl: false,
   showsCompass: mapkit.FeatureVisibility.Hidden
    })

   var coordinateRegion = new mapkit.CoordinateRegion(
        new mapkit.Coordinate(40.51415196691954, -74.43808765761719),
        new mapkit.CoordinateSpan(1.234, 1.23423)
    );
   map.region = coordinateRegion;

    </script>
    </body>
    </html>

Answer 1

Mapkit JS版本有时无法识别Android手机的触摸。您可以在Chrome开发者面板中对此进行测试。解决方法是更改您使用的版本。

在撰写本文时，5.19.x是支持Android的最新版本，而5.20.0目前不支持。

Mapkit JS无法在手机上移动地图

1 个答案: