echarts+百度地图根据经纬度显示用户位置

最新推荐文章于 2022-04-09 09:46:29 发布

yan燕燕燕燕

最新推荐文章于 2022-04-09 09:46:29 发布

阅读量1.3k

点赞数

分类专栏： ECharts 文章标签： echarts

本文链接：https://blog.csdn.net/YYQQ323/article/details/102928790

版权

这篇博客介绍了如何结合Echarts和百度地图API，通过经纬度数据精确展示用户的位置信息。首先引入百度地图的API，然后利用Echarts进行地图渲染。

摘要由CSDN通过智能技术生成

HTML
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=秘钥"></script>

<body>
<div id="container" style="width: 100%;height:750px;"></div>
<script type="text/javascript">

var objdata = new Array();
$.ajax({
    url: '/form/query',
    method: 'POST',
    data: {
        city:$("#checkCity").val(),
        years:$("#checkYear").val()
    },
    success: function (res) {
        if (res.code == 200) {
            $.each(res.data, function (key, value) {
                objdata.push(new BMap.Point(value.lng,value.lat));
            });
        }
    }
});

var map = new BMap.Map("container");
var point = new BMap.Point(116.12, 24.28);
map.centerAndZoom(point, 10);
map.enableScrollWheelZoom();

//由于数据太多，需要时间才能把所有数组装进来
setTimeout(function () {
    co

最低0.47元/天解锁文章

yan燕燕燕燕

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
echarts+百度地图根据经纬度显示用户位置

HTML<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=秘钥"></script><body><div id="container" style="width: 100%;height:750px;"></div>&lt...
复制链接

扫一扫

专栏目录