google-map-reactのオフラインマップ

Question

私はgoogle-map-reactを使用しています。ローカルホストから画像をロードしたいのですが、いくつか問題があります。これは私のコードです：

  <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は、クライアントのWIFIが同じWIFIに接続している場合にのみ動作します意味し、あなたのローカルエリアnetwort（LAN）IPアドレスであり、サーバとマシンがポート80

• コンテンツセキュリティポリシー（CSP）の接続を許可するように設定されているようhardc場合はサイトが

• 安全である場合http connection to httpsをアップグレードするためにセットアップする必要があります。 oled URLが機能しない場合は、が正しく設定されていない可能性があります。