电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: soso地图api接口poi检索示例 [打印本页]

作者: look_w 时间: 2019-4-17 18:47 标题: soso地图api接口poi检索示例

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>按关键字查询</title>

<script charset="utf-8" src="http://api.map.soso.com/v1.0/main.js"></script>
<script>
var searchService,map,markers = [];
var init = function() {

      var center = new soso.maps.LatLng(39.916527,116.397128);
         map = new soso.maps.Map(document.getElementById('iCenter'),{
         center: center,
         zoomLevel: 13
      });
      searchService = new soso.maps.SearchService();
}
//清除地图上的marker
function clearOverlays(overlays){
      var overlay;
      while(overlay = overlays.pop()){
         overlay.setMap(null);
      }
}
function searchKeyword() {

      var keyword = "宽窄巷子";
      var region = "成都";
      clearOverlays(markers);
      var searchRequest = {
         'keyword': keyword,
         'region':region
      };
      var latlngBounds = new soso.maps.LatLngBounds();
      searchService.search(searchRequest, function(results, status) {
         if (status == soso.maps.SearchStatus.OK) {
            var pois = results.pois;
            for(var i = 0,l = pois.length;i < l; i++){
                  var poi = pois[i];
                  latlngBounds.extend(poi.latLng);
                  var marker = new soso.maps.Marker({
                     map:map,
                     position: poi.latLng,
                     title: poi.address+poi.latLng
                  });

                  var decor = new soso.maps.MarkerDecoration({
                     content: i+1,
                     margin: new soso.maps.Size(0, -4),
                     align: soso.maps.ALIGN.CENTER,
                     marker: marker
                  });
                  markers.push(marker);
            }
            map.fitBounds(latlngBounds);
         } else {
            $("#iCenter").append("检索没有结果，原因: " + status);

         }
      });
}

var showmap = function()
{
init();
searchKeyword();
}

</script>

</head>
<body>

         <div id="iCenter" style="height:300px;width=661px "></div>


</body>
</html>

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)