给看看下列代码,在地图上根据数据标出来的图标都是红色的点,我想知道在哪控制的颜色。我想要不同的颜色b标注。

发布于 2022-09-04 02:36:49 字数 2627 浏览 33 评论 0

下面的代码在 地图上显示出来的地点 都是红色的图标。 但是我现在想要,不同颜色的图标来展示,请问,控制图标颜色的语句在哪?? var point = new BMap.Point(jsonArray[x].lng, 这是创建图标的语句,没有看见有颜色啊。。懂得大神给看看。
还有个这样的链接:

<script type="text/javascript"
    src="https://api.map.baidu.com/api?v=1.3&ak=您的密钥&s=1"></script>
<script type="text/javascript">

function orbit(){
    var jsonArraya = document.getElementById("jsonArray").value;

    var jsonArray = eval(jsonArraya);

    var points = [];

    var map = new BMap.Map("l-map");

    if (jsonArray != null) {
        for (var i = 0; i < jsonArray.length; i++) {
            (function(x) {

                var point = new BMap.Point(jsonArray[x].lng, jsonArray[x].lat); // 创建点坐标  
                map.centerAndZoom(point, 15);
                var marker = new BMap.Marker(point);
                points.push(point);
                var opts = {
                    width : 250, // 信息窗口宽度  
                    height : 150, // 信息窗口高度  
                    title : '<span style="font-size:15px;color:#0A8021">'
                            + jsonArray[x].position + '</span>' // 信息窗口标题  
                }
                //marker.setAnimation(BMAP_ANIMATION_BOUNCE);  
            
                var dateti=jsonArray[x].datetime;
                var datet=dateti.split(",");
                
                 var content = "时间:";
                for(var j=0;j<datet.length;j++){
                content+=""+datet[j]+"<br/>";
                }
           // content+= "范围: "+ jsonArray[x].distance;
         
                var info_Window = new BMap.InfoWindow(content, opts); // 创建信息窗口对象  

                var mylable = new BMap.Label(jsonArray[x].position, {
                    offset : new BMap.Size(-40, 30)
                });
                mylable.setStyle({ //给label设置样式,任意的CSS都是可以的
                    fontSize : "14px", //字号
                    textAlign : "center", //文字水平居中显示
                    lineHeight : "14px", //行高,文字垂直居中显示
                    cursor : "pointer"
                });
                marker.setLabel(mylable);

                map.addOverlay(marker);
                marker.addEventListener("click", function() {
                    this.openInfoWindow(info_Window);
                });
            })(i);
        }
        var polyline = new BMap.Polyline();
        map.addOverlay(polyline);
        map.addControl(new BMap.NavigationControl()); //添加平移缩放控件  
        map.addControl(new BMap.ScaleControl()); //添加放大、缩小控件  
        map.enableScrollWheelZoom();//允许鼠标滑轮操作  
    }}
</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

樱花细雨 2022-09-11 02:36:49

....你用的别人的库?
用的谁的库?
这些都不交代明白,别人怎么帮你答

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文