-3

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

4

1 回答 1

0

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

不幸的是，您不能仅使用传单 API 自己拉谷歌地图图块，因为谷歌不允许在不使用谷歌地图 API 的情况下直接访问图块。您可以做的替代方法是在您的应用程序中为底图开关编写插件，以通过 google maps api 包含一个 google map 调用。

要使用第三方库做同样的事情，请参阅示例代码：

<!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 在这里所做的是将传单瓦片请求解析为谷歌地图瓦片参数并将瓦片拉到图层。再说一遍，如果不使用 google maps api，就不允许使用瓷砖。

于 2016-09-20T19:48:49.057 回答