soso地图api接口poi检索示例----并在信息框显示经纬度

最新推荐文章于 2024-04-20 23:15:00 发布

张小凡vip

最新推荐文章于 2024-04-20 23:15:00 发布

阅读量3k

点赞数

分类专栏： map developing 文章标签：地图api poi soso 地图

本文链接：https://blog.csdn.net/zzq900503/article/details/11533287

版权

map developing 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

api官网：

http://api.map.soso.com/doc_v2/example.html?sample-search-simple#7map

示例代码如下(保存为html打开可见效果如下图)：

<!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 οnlοad="showmap();">  

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