echarts地图api series_数据可视化玩法之二：echarts+百度地图API=？

前段时间忙着考研，半年多没有写简书...直到发现我之前的文章原来一直有人读= =！于是决定重新写写小功能，码码字吧~

这次的主题依旧是“数据可视化”，是一个简易又实用的小功能：在文本框内输入特定的地点，点击确认，下方的地图将出现该目的地的位置。

工具：echarts + 百度地图API + webstorm

语言(框架)：html + css + Javascript(jquery)

原理：原理十分易懂。

1、用户输入目的地后，获取用户输入的内容；

2、然后发送一条http/https请求到百度地图，查询并获取到该地点的准确经度和纬度；

3、最后将获取得到的经纬度传入echarts，在地图上标出相应位置；

第一步：简单构建页面布局

利用百度地图API标记目的地

html,body{

width:100%;

font-family: Microsoft Yahei;

background-color:#404a59;

}

h2{

text-align:center;

color:#fff;

}

.container{

text-align:center;

margin-top:40px;

}

.input-place{

width:300px;

height:30px;

font-size:20px;

<