百度地图叠加图片定位

最新推荐文章于 2024-04-01 15:21:16 发布

江苏省精神病院玛主任

最新推荐文章于 2024-04-01 15:21:16 发布

阅读量899

点赞数

本文链接：https://blog.csdn.net/JINX1024/article/details/114300390

版权

代码：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>地面图片叠加层</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <style>
    body,
    html,
    #container {
        overflow: hidden;
        width: 100%;
        height: 100%;
        margin: 0;
        font-family: "微软雅黑";
    }
    </style>
    <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=密匙"></script>
</head>
<body>
    <div id="container"></div>
</body>
</html>

<script>
var map = new BMapGL.Map("container");  
map.centerAndZoom(new BMapGL.Point(104.5,0), 1);//经纬度以及层级，越高的层级越细
//map.enableScrollWheelZoom(true);
//map.setTilt(45);
//map.setMapType(BMAP_HYBRID_MAP); 
    map.addControl(new BMapGL.MapTypeControl({
        mapTypes:[
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]}));

var pStart = new BMapGL.Point(44.5,60);
var pEnd = new BMapGL.Point(164.5, -60);
var bounds = new BMapGL.Bounds(new BMapGL.Point(pStart.lng, pEnd.lat), new BMapGL.Point(pEnd.lng, pStart.lat));
var imgOverlay = new BMapGL.GroundOverlay(bounds, {
    type: 'image',//类型
    url: 'img/1.png',
    opacity: 1//透明度
});
map.addOverlay(imgOverlay);


</script>

江苏省精神病院玛主任

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
百度地图叠加图片定位

代码：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <title>地面图片叠加层</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="i...
复制链接

扫一扫