2016-08-19 8 views
-3

私は同様の質問に答えましたが、それは私にとってはうまくいきません。 Google Satelliteをベースレイヤーと呼ぶ必要があります。おそらく、私は正しい場所にベースレイヤーのコードを入力しているわけではありません。私のページにはa linkがあります。OSMではなく、ベースレイヤーとしてGoogle Satelliteを呼び出すための基本レイヤーコードを追加する場所を正確に教えていただければ幸いです。 ありがとう!リーフレットでGoogle Satelliteレイヤーを呼び出す

+1

[Googleサテライトレイヤーを使用したリーフレットマップAPI]の複製が可能です(http://stackoverflow.com/questions/9394190/leaflet-map-api-with-google-satellite-layer) – IvanSanchez

+0

ありがとう、私はその質問を見ましたしかし、私は適切な場所にベースレイヤコードを追加することができませんでした。コードのその部分をどこに追加すればよいかを正確に知る上で必要な助けとなりました。 –

+3

外部サイトへのリンクではなく、質問自体に[mcve] **を入力してください**。 – geocodezip

答えて

0

あなたが探しているものがわかりません。私はベースマップ層としてあなたのリーフレットのアプリケーションにGoogleマップの衛星タイルを追加しようとしていると仮定?

残念ながら、googleがGoogleマップAPIを使用せずにタイルへの直接アクセスを許可していないため、リーフレットAPIのみを使用してGoogleマップタイルをプルすることはできません。別の方法として、アプリケーションにプラグインを書き込んで、ベースマップスイッチがgoogle maps api経由でGoogleマップ呼び出しを含むようにすることができます。サンプルコードを参照して同じことをやってサードパーティ製のlibが使用するための

、:

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <title>Leaflet</title> 
 
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.3.1/leaflet.css" /> 
 
    <script src="http://cdn.leafletjs.com/leaflet-0.3.1/leaflet.js"></script> 
 
    <script src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script> 
 
    <script src="http://matchingnotes.com/javascripts/leaflet-google.js"></script> 
 
    </head> 
 
    <body> 
 
    <div style="width:500px; height:500px" id="map"></div> 
 
    <script type='text/javascript'> 
 
     var map = new L.Map('map', {center: new L.LatLng(51.51, -0.11), zoom: 9}); 
 
     var googleLayer = new L.Google('ROADMAP'); 
 
     map.addLayer(googleLayer); 
 
    </script> 
 
    </body> 
 
</html>

だからここにやってグーグルマップへのリーフレットタイル要求を解析している-google.jsはリーフレット何パラメータをタイル化し、タイルをレイヤーにプルします。だから、再びGoogleマップのAPIを使用せずに、それはタイルを使用することはできません。

+0

このリンクは質問に答えるかもしれませんが、答えの本質的な部分をここに含めて参考にしてください。リンクされたページが変更された場合、リンクのみの回答は無効になります。 – cpburnz

関連する問題