在Leaflet插件

Question

我使用Leaflet Map插件。我为LeafLet

中的创建和加载谷歌地图图块编写此代码

 var map = L.map('map').setView([31.2744015, 48.7251283], 18);

    // load a tile layer

    //Satellite:
    L.tileLayer('http://{s}.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {
        maxZoom: 20,
        mapTypeId: google.maps.MapTypeId.SATELLITE,
        subdomains: ['mt0', 'mt1', 'mt2', 'mt3']
    }).addTo(map);

此代码工作正常。但我想在此插件中加载另一个谷歌地图选项像3D视图地图

但是这样做了吗？ 谢谢你的帮助。

Answer 1

两件事：

1. 仅使用var viewModel = new AutoroutePartEditViewModel { CurrentUrl = part.DisplayAlias, Settings = settings, ContentType = part.ContentItem.ContentType }; 从Google加载地图图块违反了Google地图的条款和条件（关于“仅通过 访问内容的部分 API “）。如果Google对此感到愤怒，请不要感到惊讶。

   正如问题«Leaflet Map API with Google Satellite Layer»的答案所指出，请查看Leaflet plugins list。特别是，GoogleMutant可能会引起人们的兴趣。

2. 截至目前，Leaflet能够显示仅 的2D地图。没有计划让它显示倾斜图像，或提供倾斜功能。

   如果您需要这些功能，可能需要查看其他网络映射库，例如https://www.mapbox.com/mapbox-gl-js/api/或https://cesiumjs.org/。这些可以处理更多程度的摄像机自由度，以及一定程度的地形高程显示。

Answer 2

https://labs.mapbox.com/bites/00093/

pls看到它的源代码，

window.setInterval(function(){
        $('.rotating').attr('style','-webkit-transform:rotateZ('+angle+'deg);-moz-transform:rotateZ('+angle+'deg);-moz-transition:-moz-transform 0.75s;');
        if ($('.rotating').length>0) $('.pivotmarker').attr('style','-webkit-transform: rotateY('+angle+'deg);-moz-transform: rotateY('+angle+'deg);-moz-transition:-moz-transform 0.75s;');
        angle=angle*-1;
    },1500); 

可以帮助