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

问题描述 投票:1回答:1

我正在尝试使用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>
javascript maps mapkit coordinates apple-maps
1个回答
1
投票

Mapkit JS版本偶尔会无法识别来自Android手机的触摸。您可以在Chrome开发人员面板中对此进行测试。修复方法是更改​​您正在使用的版本。

截至撰写本文时,5.19.x是支持Android的最新版本,而5.20.0目前没有。

© www.soinside.com 2019 - 2024. All rights reserved.