东莞酒店分布图 #iCenter{ width height border br strong{ color .jiudianpng{ float height margin width东莞酒店分布图 （数据来源于网络，仅供参考哦 >_<） <br请选择酒店星级 五星 四星 三星 选择行政区 所有------------------------------------------------------------------ Array(); var mapObj; Array(); ); // var keywords; // var cloudDataLayer; function addOpts(arr){ ); ) { ); op.appendChild(document.createTextNode(arr[i])); op.setAttribute(,arr[i]); op.setAttribute(); selObj.appendChild(op); } // var op = document.createElement("option"); // op.appendChild(document.createTextNode("其他")); // op.setAttribute("value",'others'); // selObj.appendChild(op); } /* *初始化地图对象，加载地图 */ function mapInit(){ mapObj }); )); arr.push()); arr.push()); arr.push()); arr.push()); AMap.Polyline({ map:mapObj, path:arr, strokeColor:, strokeOpacity:0.4, strokeWeight:3, strokeStyle:, strokeDasharray:[] }); //调整视野到合适的位置及级别 mapObj.setFitView(); // 显示带有自定义文本选项的select addOpts(districts); ); ){ ,InitLayer(starLayers,i)); } } function InitLayer(newLayer,i){ ,newLayer,i); } function getStarLevel(){ searchHotel(); } function getDistrict(){ ).value; mysel){ mysel = ''; } // if('others' == mysel){ // mysel = ''; // } return mysel; } function changeSelection(maplayers,i,starlevel,district) { starlevel; district; districtfilter; { query:{filter:queryfilter} } maplayers[i].setOptions(op); maplayers[i].setMap(mapObj); } function changeSelSearch(value){ searchHotel(); } function searchHotel(){ ); items.length; ) { items[i].checked) { starLevelArr[i] = items[i].checked; district = getDistrict(); changeSelection(starLayers,i,items[i].value,district); }else{ starLayers[i]) { delCloudLayer(starLayers,i); } } } } /* *根据查询结果 *去除云数据图层 */ function delCloudLayer(maplayers,i) { maplayers[i].setMap(} /* *根据查询结果 *叠加云数据图层 */ function addCloudLayer(levelofstar,seldistrict,maplayers,i) { levelofstar; seldistrict; districtfilter; mapObj.plugin( () { { query:{filter: queryfilter}, clickable:true }; AMap.event.addListener(maplayers[i], (result) { result.data; ){ imgurl=clouddata.image }else{ imgurl } AMap.InfoWindow({ content: clouddata._address , size:), autoMove:true, offset:) }); infoWindow.open(mapObj, clouddata._location); }); }); }

demo展示：

效果：