Question

我使用谷歌地图反应，我想从localhost加载图像，我有一些问题。这是我的代码：

         <GoogleMapReact
            onGoogleApiLoaded={({map, maps}) =>
                map.mapTypes.set("roadmap", new maps.ImageMapType({
                    getTileUrl: function (coord, zoom) {
                        return "http://192.168.1.103/google/" + zoom + "/" +  coord.x + "/" + coord.y + ".png"
                    },
                    tileSize:new maps.Size(256,256),
                    name:"GoogleRoadMaps",
                    maxZoom:18
                }))
            }
            yesIWantToUseGoogleMapApiInternals
            defaultCenter={this.props.center}
            defaultZoom={this.props.zoom}>
            {
                this.state.childrenm
            }
        </GoogleMapReact>

但它不起作用。有什么问题？

Answer 1

有几个可能的原因：

192.168.1.103是您的本地网络（LAN）IP地址，这意味着只有当客户端的WIFI连接到与服务器相同的WIFI并且计算机配置为允许连接时它才会起作用80号港口。
如果网站安全，则需要设置内容安全策略（CSP）以升级http connection to https
如果硬编码的网址不起作用，则zoom可能配置错误

google-map-react中的离线地图

1 个答案: