2016-08-19 61 views
-3

我发现了一个类似的问题已经回答,但它不适用于我。我需要将Google Satellite称为基础层。可能我没有在正确的地方输入基本层代码,以便它能正常工作。这里是我的页面a link,如果我能够获得关于添加基本层代码以将Google Satellite作为基本层而不是OSM的帮助,我将不胜感激。 谢谢!在小册子中调用Google卫星层

+1

[Leaflet Map API with Google Satellite Layer]可能重复(http://stackoverflow.com/questions/9394190/leaflet-map-api-with-google-satellite-layer) – IvanSanchez

+0

谢谢,我已经看到了这个问题,但我无法在正确的位置添加基础层代码。需要帮助准确知道应该添加哪部分代码。 –

+3

请在问题本身**中提供[mcve] **,而不是(仅)链接到外部网站。 – geocodezip

回答

0

我不确定你在找什么。我假设您正在尝试将Google地图卫星图块添加到您的传单应用程序中作为底图图层?

不幸的是,你不能使用传单API自己拉谷歌地图瓷砖,因为谷歌不允许直接访问瓷砖,而不使用谷歌地图API。你可以做的另一种选择是在你的底图开关的应用程序中编写你的插件,以通过谷歌地图API包含谷歌地图调用。

对于使用第三方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这里做的是解析单张瓦要求谷歌地图瓦片参数并将瓦片拉到图层。所以再次,不使用谷歌地图API,它不允许使用瓷砖。

+0

尽管这个链接可能回答这个问题,但最好在这里包含答案的重要部分,并提供供参考的链接。如果链接页面更改,则仅链接答案可能会失效。 – cpburnz