百度地图api多个关键字检索完成后更换icon图标的方式

最新推荐文章于 2023-06-06 14:17:21 发布

Hferje

最新推荐文章于 2023-06-06 14:17:21 发布

阅读量1.1k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/Hferje/article/details/94738051

版权

javascript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
        #allmap{width:100%;height:100%;}
        p{margin-left:5px; font-size:14px;}
    </style>
    <script src="http://api.map.baidu.com/getscript?v=2.0&ak=vb6eHsRZPQ8jTbKuwYg1TEA2dF3KFAe8"></script>
    <title>测试</title>
</head>
<body>
<div id="allmap"></div>
<p>返回北京市“景点”关键字的检索结果，并展示在地图上</p>
</body>
</html>
<script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("allmap");
    map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
    map.addControl(new BMap.MapTypeControl({
        mapTypes:[
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
    ]}));
    map.setCurrentCity("北京");
    map.enableScrollWheelZoom(true);
    var myicon = new BMap.Icon('yy.png', new BMap.Size(20,24));
    var myicon = new BMap.Icon('xf.png', new BMap.Size(20,24));
    var myicon2 = new BMap.Icon('yy.png', new BMap.Size(20,24));
    var options = {
        onSearchComplete: function(results){
            if (local.getStatus() == BMAP_STATUS_SUCCESS){
                // 判断状态是否正确
                for(var j=0;j<results.length;j++){
                    var keys = results[j];
                    console.log(keys.keyword);
                   if(keys.keyword == "酒店"){
                       for (var i = 0; i < keys.getCurrentNumPois(); i++){
                           // console.log("22222"+results.getPoi(i));
                           var point=new BMap.Point(keys.getPoi(i).point.lng, keys.getPoi(i).point.lat);
                           var marker = new BMap.Marker(point,{icon:myicon});
                           map.addOverlay(marker);
                       }
                   }else{
                       for (var i = 0; i < keys.getCurrentNumPois(); i++){
                           // console.log("22222"+results.getPoi(i));
                           var point=new BMap.Point(keys.getPoi(i).point.lng, keys.getPoi(i).point.lat);
                           var marker = new BMap.Marker(point,{icon:myicon2});
                           map.addOverlay(marker);
                       }
                   }
                }
            }
        }
    };
    // var local = new BMap.LocalSearch(map, options);
    // local.search("景点");
var myKeys = ["酒店","加油站"];
    var local = new BMap.LocalSearch(map, options);
    // var local2 = new BMap.LocalSearch(map, options2);
    local.searchInBounds(myKeys, map.getBounds());


</script>

Hferje

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度地图api多个关键字检索完成后更换icon图标的方式

<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <styl...
复制链接

扫一扫

专栏目录