一、创建地图与网页样式
创建一张简单的地图,只需要3句话。
varmap =newBMap.Map("container"); //创建Map实例然后,制作出两个输入框,分别是起点输入框,和终点输入框。
从<input class="txt"type="text"value="机场"id="startInput"/>到<input class="txt"type="text"value="西站"id="endInput"/> <input type="button"value="驾车"onclick="mDriving()"/>使用“驾车”按钮,获取输入框中的数据。
functionmDriving(){varstartPlace =document.getElementById("startInput").value;varendPlace =document.getElementById("endInput").value;}二、创建搜索实例
对于起点和终点,我们需要创建2个不同的搜索实例:
//创建2个搜索实例 varstartSearch =newBMap.LocalSearch(map,startOption);varendSearch =newBMap.LocalSearch(map,endOption); 在点击“驾车”按钮后,开始搜索起点和终点都有哪些符合关键词的地方(POI点)。
functionmDriving(){varstartPlace =document.getElementById("startInput").value;varendPlace =document.getElementById("endInput").value; startSearch.search(startPlace); endSearch.search(endPlace); document.getElementById("box").style.display="block"; }