地图罗盘（地利决策神器）

木道笔记

已于 2024-03-28 10:46:14 修改

阅读量159

点赞数 3

文章标签： android html5

于 2024-03-28 10:03:24 首次发布

本文链接：https://blog.csdn.net/jabccc/article/details/137100637

版权

九运到，学了易。
闲来无事帮朋友看命盘，神奇的是一看一个准。我自己也暗暗称奇
时间是不存在的，它只不过是万事万物变量的计量单位。
万事万物都有其规律，都具有全息性且统一自洽。
所以一叶知秋....

最近朋友老问我：
1､现在经济不好，去哪发展比较好？
2､收几个城市大公司offer，不知道去哪个城市？
3､小孩子在去外地读书，不知道选哪个学校？哪个城市比较好？
4､想去度个假，不知道哪个地方能遇到真命天子？
5､等等跟地域相关的选择问题〜〜

除了科学的分析估，从易学角度上，是有选择逻辑的。
天时地利人和，天时不济，地利来避。
哪个地方更旺你？

网上没找到顺手好用的APP，所以自己写了个地图罗盘。
分享给大家问好罗盘

开发思路非常简单分享一下：

1､采用百度地图SDK (官网有详细文档)
2､在地图上覆盖图层(罗盘图片)
3､立极点定位
4､目标地定位
5､地图移动事件监听
6､每地图变化，重新把立极点和目标地画上直线。
7､更换罗盘样式

关键代码：

<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=你的KEY"></script>

<body>
    <div id="allmap"></div>
</body>

<script type="text/javascript">
    var map = new BMapGL.Map('allmap');
    //地址编码类
    var myGeo = new BMapGL.Geocoder();
    //默认位置
    var point = new BMapGL.Point(116.41400, 39.91500);
    //立极点
    var marker1 = null;
    //标线
    var polyline = null;
    //罗盘
    var groundOverlay = null;
    //地图模式
    var mapTyp = 0; //0标准 1卫星
    //罗盘盘面
    var luoPan = 0; //0人盘 1地图 2天盘
    
    //当前位置
    var geolocation = new BMapGL.Geolocation();
        geolocation.getCurrentPosition(function(r){
            console.log(r);
            if(this.getStatus() == BMAP_STATUS_SUCCESS){
                point = r.point;
                marker1 = new BMapGL.Marker(r.point);
                map.addOverlay(marker1);
                map.panTo(r.point);
                // alert('您的位置：' + r.point.lng + ',' + r.point.lat);
            }
            else {
                // alert('failed' + this.getStatus());
            }        
        });
        
    //初始化地图
    map.centerAndZoom(point, 10);
    map.enableScrollWheelZoom(true);
    
    var scaleCtrl = new BMapGL.ScaleControl();  // 添加比例尺控件
    map.addControl(scaleCtrl);
    var cityCtrl = new BMapGL.CityListControl();  // 添加城市列表控件
    map.addControl(cityCtrl);
    var zoomCtrl = new BMapGL.ZoomControl();  // 添加缩放控件
    map.addControl(zoomCtrl);
    
    setLp('lp4.png');
    
    //设置罗盘图
    function setLp(imgUrl)
    {
        //完清理原有罗盘
        map.removeOverlay(groundOverlay);
        
        //加载罗盘
        var center_x = map.width/2;
        var center_y = map.height/2;
                
        // 像素坐标系：左下角为0,0点,右为y轴正，上为x轴正。bounds点顺序为左下角开始的逆时针
        var bounds = [new BMapGL.Point(center_x - 500 , center_y - 500),new BMapGL.Point(center_x + 500, center_y - 500),new BMapGL.Point(center_x + 500, center_y + 500),new BMapGL.Point(center_x - 500 , center_y + 500)]
        groundOverlay = new BMapGL.GroundOverlay(bounds, {
            enableParse:false, // 不允许抽稀
            sysType: 'fixed',
            top: true,
            type: 'image',
            url: imgUrl,
            opacity: 0.4
        });
        map.addOverlay(groundOverlay);
    }