Question

我发现一个类似的问题已经回答，但它对我不起作用。我需要将Google Satellite称为基础层。可能我没有在正确的位置输入基本层代码以便它可以工作。这是a link到我的页面，如果我获得有关添加基础层代码的确切位置以将Google Satellite称为基础层而不是OSM的帮助，我将不胜感激。谢谢！

Answer 1

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

不幸的是，你不能仅使用传单api自己拉谷歌地图，因为谷歌不允许直接访问瓷砖而不使用谷歌地图API。您还可以做的是在您的应用程序中编写插件，以便底图切换通过google maps 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>

那么leaflet-google.js在这里做的是解析传单瓦片请求到谷歌地图瓦片参数并将瓦片拉到图层。所以，再次，不使用谷歌地图api，不允许使用瓷砖。

在Leaflet中调用Google Satellite图层

1 个答案: