首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

soso地图api接口poi检索示例

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>
返回列表