使用OSM数据进行pwa

Question

我在这些平台上经验不足，因此需要您的帮助。

我已经在OSM（开放式街道地图）上的特定位置编辑并添加了各种信息，我想创建一个渐进式Web应用程序，该应用程序将撤回这些特定信息并将地图用于我的应用程序。

关于搜索材料的任何建议？我想到过类似MAPS.ME应用程序，但范围较小。

谢谢！

Answer 1

只需将Google Maps API与OSM中的图块一起使用。不管MAps要求如何，PWA内容都是相同的。

更多信息：-

    var mapTypeArray = [google.maps.MapTypeId.TERRAIN, google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID, google.maps.MapTypeId.SATELLITE, "OSM"];


    map.mapTypes.set("OSM", new google.maps.ImageMapType({
         getTileUrl: function(coord, zoom) {
            return "//b.tile.openstreetmap.org/" + zoom + "/" + coord.x + "/" + coord.y + ".png";
         },
         tileSize: new google.maps.Size(256, 256),
         name: "OSM",
         maxZoom: 19
    }));