用百度API在地图上画出一只恐龙

本文并没有技术价值,算是作者的自娱自乐。

最近公司的项目需要用到百度地图API,,看到画折线的时候想到之前学习opengl的时候老师给过一个画恐龙的坐标文件,好像正好能用。于是我就写了段代码把这些坐标画在了地图上。


以下是坐标文件的一小部分:

21
29
32 435
10 439
4 438
2 433
4 428
6 425
10 420
15 416
21 413
30 408

以下是绘图代码:

htmlobj = $.ajax({ url: "/Scripts/dino.dat", async: false }); //读取文件
    var data = new Array();
    data = htmlobj.responseText.split("\r\n"); //分割
    var pointer = 0;
    var line = new Array();
    var zoom = 3000; //缩放大小
    var shiftx = x0; //x0 于y0是初始化地图时的坐标
    var shifty = y0;
    for (var i = 0; i < data[0]; i++) {
        pointer++;
        var num = data[pointer];
        for (var j = 0; j < num; j++) { //获取一条折线的全部点
            pointer++;
            var pos = data[pointer].split(" ");
            line.push(new BMap.Point(pos[0] / zoom + shiftx, pos[1] / zoom + shifty));
        }
        map.addOverlay(new BMap.Polyline(line, { strokeColor: "black", strokeWeight: 5, strokeOpacity: 0 })); //绘制这条折线
        line.length = 0; //清空,准备绘制下一条折线
    }

效果图:
恐龙


这是坐标文件 dino.dat 的下载链接:
dino.dat


没了(:з」∠)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值