android视频图层模板,视频图层-自有数据图层-示例中心-JS API 示例 | 高德地图API...

视频图层 VideoLayer

html,

body,

#container {

margin: 0;

padding: 0;

width: 100%;

height: 100%;

}

var map = new AMap.Map('container', {

resizeEnable: true,

viewMode: "3D",

zoom: 3,

center: [115.811491, 12.423935]

});

var bounds = new AMap.Bounds([93, -9], [147, 32]);

var VideoLayer = new AMap.VideoLayer({

autoplay: true,

loop: true,

zIndex: 130,

//可提供不同格式以达到多浏览器兼容

url: [

'https://a.amap.com/jsapi_demos/static/video/cloud.m4v',

'https://a.amap.com/jsapi_demos/static/video/cloud.mov'

],

bounds: bounds,

zooms: [3, 18],

opacity: 0.7

});

VideoLayer.setMap(map);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
高德地图 Web API 提供了 `AMap.TileLayer` 类来实现地图图层的切换。你可以通过创建 `AMap.TileLayer` 实例来切换不同的地图类型,如标准地图或卫星地图。 以下是一个简单的示例,演示如何在高德地图 Web API 中切换标准地图和卫星地图: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>高德地图 Web API - 切换标准地图和卫星地图</title> <style type="text/css"> #mapContainer { width: 100%; height: 600px; } </style> </head> <body> <div id="mapContainer"></div> <script src="https://webapi.amap.com/maps?v=1.4.15&key=你申请的高德地图API Key"></script> <script> var map = new AMap.Map('mapContainer', { zoom: 10, center: [116.397428, 39.90923] }); // 创建标准地图图层 var tileLayer = new AMap.TileLayer(); // 创建卫星地图图层 var satelliteLayer = new AMap.TileLayer.Satellite(); // 添加切换控件 map.addControl(new AMap.MapType({ defaultType: 0, // 默认显示标准地图 showRoad: true, // 是否显示路网图层 mapTypes: [tileLayer, satelliteLayer] // 显示的地图类型数组 })); </script> </body> </html> ``` 在上面的示例中,我们首先创建了一个 `AMap.Map` 实例,并设置了地图的缩放级别和中心点。然后,我们创建了一个标准地图图层和一个卫星地图图层,并将它们添加到了地图上。 最后,我们通过创建一个 `AMap.MapType` 实例并将其添加到地图上来添加切换控件。`AMap.MapType` 的 `defaultType` 属性指定了默认显示的地图类型,`showRoad` 属性指定了是否显示路网图层,`mapTypes` 属性指定了可供切换的地图类型数组。 这样,你就可以在高德地图 Web API 中轻松切换标准地图和卫星地图了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值