Google maps 谷歌地图中的离线地图

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

         <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>

---

但它不起作用。问题出在哪里？

有几个可能的原因：

192.168.1.103是您的局域网LAN IP地址，这意味着只有当客户端的WIFI连接到与服务器相同的WIFI并且机器配置为允许在端口80上连接时，它才会工作

如果站点是安全的，则需要设置内容安全策略CSP来升级

如果硬编码URL不起作用，则可能配置不正确

---

这是内容安全策略问题。。。谢谢