百度地图API根据经纬度画扇形，并添加LABEL标签和，增加隐藏和显示按钮

最新推荐文章于 2023-11-18 10:36:20 发布
最新推荐文章于 2023-11-18 10:36:20 发布
阅读量1.6k 收藏 16
点赞数 1
文章标签： js html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40922589/article/details/106288054
版权

百度地图API根据经纬度和方向角画扇形，
根据内容对每个扇形多边形添加LABEL标签
在这里插入图片描述
当鼠标悬停在扇形上时，扇形改变颜色。
在这里插入图片描述
鼠标点击在扇形上，会跳出信息窗口
在这里插入图片描述
创建4个按钮，
两个按钮为显示和隐藏扇形的按钮
两个按钮为显示和隐藏扇形标签的按钮
在这里插入图片描述
废话不多说，上代码
,最终效果图见最后

<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{height:100%;width:100%;}
		#r-result{width:100%;}
        #control {
        position: absolute;
        bottom: 15px;
    }
    .button {
        margin: 5px;
        padding: 13px 23px;
        border-radius: 10px;
        box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
        font: 16px/14px Tahoma, Verdana, sans-serif;
        text-align: center;
        color: #fefefe;
        background: #1e90ff;
    }
	</style>
	 <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=你的KEY"></script>
	<title>基站地图</title>
</head>
<body>
  
   
    <div id="allmap"></div>
    <!-- <p>在地图上添加一个椭圆，圆的颜色为蓝色、线宽6px、透明度为1，填充颜色为白色，透明度为0.5</p> -->
    <div id="control">
        <div onclick="showOver()" class="button">显示扇区</div>
        <div onclick="hideOver()" class="button">隐藏扇区</div>
        <div onclick="showLabel()" class="button">显示标签</div>
        <div onclick="hideLabel()" class="button">隐藏标签</div>
    </div>
    
        
   
</body>
 </html>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
var point = new BMap.Point(126.532, 43.877);
map.centerAndZoom(point, 13);

//点经纬度
var mapPoints = [
    ['317443', '11', '5704单管塔', '5704单管塔_1', '1', '宏站', 126.42956333622031, 44.00636957571581, '100', '90', '1650', '华为\n'], 
    ['317443', '21', '5704单管塔', '5704单管塔_2', '2', '宏站', 126.42956333622031, 44.00636957571581, '200', '317', '1650', '华为\n'], 
    ['317443', '81', '5704单管塔', '5704单管塔_2（2100MCA）', '8', '宏站', 126.42956333622031, 44.00636957571581, '200', '317', '350', '华为\n']
];

    //centre:椭圆中心点,X:横向经度,Y:纵向纬度
    function add_oval(centre, x, y) {
        var assemble = new Array();
        var angle;
        var dot;
        var tangent = x / y;
        for(i = 0; i < 36; i++) {
            angle = (2 * Math.PI / 36) * i;
            dot = new BMap.Point(centre.lng + Math.sin(angle) * y * tangent, centre.lat + Math.cos(angle) * y);
            assemble.push(dot);
        }
        return assemble;
    }

    //以画多边形区域的方法画扇形区域 画出以point2点为圆心，半径为radius，夹角从sDegree到eDegree的扇形
    //Sector1(point,300,10,60,"hello")
    function Sector1(point2, radius, sDegree, eDegree, opts) {
        var points = []; //创建构成多边形的点数组  
        var step = ((eDegree - sDegree) / 10) || 10; //根据扇形的总夹角确定每步夹角度数，最大为10  
        points.push(point2);
        for(var i = sDegree; i < eDegree + 0.001; i += step) { //循环获取每步的圆弧上点的坐标，存入点数组 
            points.push(EOffsetBearing(point2, radius, i));
        }
        points.push(point2);
        if(sDegree == eDegree) {
            var planepoint = points[1];
            // var myIcon = new BMap.Icon("../images/uav.png",
            //     new BMap.Size(36, 36));
            var marker = new BMap.Marker(planepoint);
            // , {icon: myIcon}
            // );
            var opts = {
                width : 200,     // 信息窗口宽度
                height: 100,     // 信息窗口高度
                title : "海底捞王府井店" , // 信息窗口标题
                };
            map.addOverlay(marker);  
            var infoWindow = new BMap.InfoWindow("信息:", opts); // 创建信息窗口对象
            marker.addEventListener("click", function() {
                map.openInfoWindow(infoWindow, planepoint); // 开启信息窗口
                //window.external.Test(sDegree);
            });
        
            map.addOverlay(marker);
        }
        return points;
    }

    //使用数学的方法计算需要画扇形的圆弧上的点坐标
    function EOffsetBearing(point3, dist, bearing) {
        var lngConv = map.getDistance(point3, new BMap.Point(point3.lng + 0.1, point3.lat)) * 10; //计算1经度与原点的距离
        var latConv = map.getDistance(point3, new BMap.Point(point3.lng, point3.lat + 0.1)) * 10; //计算1纬度与原点的距离
        var lat = dist * Math.sin(bearing * Math.PI / 180) / latConv; //正弦计算待获取的点的纬度与原点纬度差
        var lng = dist * Math.cos(bearing * Math.PI / 180) / lngConv; //余弦计算待获取的点的经度与原点经度差
        return new BMap.Point(point3.lng + lng, point3.lat + lat);
    }
    
    // 创建扇形
    function makesectors(mapPoints){
        // 读取数据
        for(var i=0;i<mapPoints.length;i++){
            //判断是否是宏站还是室分
            if(mapPoints[i][5] == '宏站') {         
                var point = new BMap.Point(mapPoints[i][6], mapPoints[i][7]);//取经纬度
                var content = mapPoints[i][3];      //取得扇区小区信息                
                var x = mapPoints[i][9]%3;//计算PCI模几
                switch(x) {//判断PCI的模几
                    case 0://模0的颜色与样式
                        var opt = {
                            strokeColor: "red",
                            strokeWeight: 1,
                            strokeOpacity: 0.5,
                            fillColor:"red",
                            setFillOpacity: 0.5
                        }
                        break;
                    case 1://模1的颜色与样式
                        var opt = {
                            strokeColor: "green",
                            strokeWeight: 1,
                            strokeOpacity: 0.5,
                            fillColor:"green",
                            setFillOpacity: 0.5
                        }
                        break;
                    case 2://模2的颜色与样式
                        var opt = {
                            strokeColor: "blue",
                            strokeWeight: 1,
                            strokeOpacity: 0.5,
                            fillColor:"blue",
                            setFillOpacity: 0.5
                        }
                        break;
                } 
                var freqx = Number(mapPoints[i][10])//频点
                // alert(freqx);
                switch(freqx) {//判断PCI的模几
                    case 1650://模0的颜色与样式
                        var radiusx = 250
                        var widthx =20
                        break;
                    case 1506://模1的颜色与样式
                        var radiusx = 230
                        var widthx =25
                        break;
                    case 350://模2的颜色与样式
                        var radiusx = 200
                        var widthx =30
                        break;
                    case 3715://模2的颜色与样式
                        var radiusx = 300
                        var widthx =10
                        break;
                    case 1825://模0的颜色与样式
                        var radiusx = 250
                        var widthx =20
                        break;
                    case 375://模2的颜色与样式
                        var radiusx = 200
                        var widthx =30
                        break;
                } 
                //画多边形图案
                var azimuth1 = 90-mapPoints[i][8]-widthx;
                var azimuth2 = 90-mapPoints[i][8]+widthx;
                var oval = new BMap.Polygon(Sector1(point,radiusx,azimuth1,azimuth2,"hello"), opt);
                map.addOverlay(oval);//添加多边形 
                var centerPoint = oval.getBounds().getCenter();
                    //获得中心点
                    //给多边形添加标签
                    var sectorName = 
                    '<div>' +
                    '<div style="transform: translateX(-50%);' +
                    'position: absolute;background-color:rgba(255,255,255,0.6);font: 16px/14px Tahoma, Verdana, sans-serif;text-align: center;margin: 3px;padding: 3px 3px;border-radius: 5px;' +
                    'left: 50%;">'+ 
                    // margin: 5px;
                    // padding: 13px 23px;
                    // border-radius: 10px;
                    // box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
                    // font: 16px/14px Tahoma, Verdana, sans-serif;
                    // text-align: center;
                    // color: #fefefe;
                    // 
                    '<div>' + mapPoints[i][3] +'</div></div>'; 
                     +
                    '</div>';

                    var label=new BMap.Label(sectorName, {offset:new BMap.Size(0,0), position:centerPoint});
                    map.addOverlay(label);                 
                addClickHandler(content,oval);//添加鼠标点击后显示信息窗口
                addmouseoverer(oval);//添加鼠标悬停动作
                addmouseouter(oval);//鼠标离开动作  
            }   
             //判断是否是室分
            else if (mapPoints[i][5] == '室分') {
                var point = new BMap.Point(mapPoints[i][6], mapPoints[i][7]);//取经纬度
                var content = mapPoints[i][3];      //取得扇区小区信息   
                var x = mapPoints[i][9]%3;//计算PCI模几
                switch(x) {//判断PCI的模几
                    case 0://模0的颜色与样式
                        var opt = {
                            strokeColor: "red",
                            strokeWeight: 2,
                            strokeOpacity: 0.5,
                            fillColor:"red",
                            setFillOpacity: 0.5
                        }
                        break;

                    case 1://模1的颜色与样式
                        var opt = {
                            strokeColor: "green",
                            strokeWeight: 2,
                            strokeOpacity: 0.5,
                            fillColor:"green",
                            setFillOpacity: 0.5
                        }
                        break;

                    case 2://模2的颜色与样式
                        var opt = {
                            strokeColor: "blue",
                            strokeWeight: 2,
                            strokeOpacity: 0.5,
                            fillColor:"blue",
                            setFillOpacity: 0.5
                        }
                        break;
                }   
                //创建正方形
                var d = 0.001//定义室分方形的大小
                //定义4个点
                var point1 =new BMap.Point(mapPoints[i][6]+d/2, mapPoints[i][7]+d/3)
                var point2 =new BMap.Point(mapPoints[i][6]+d/2, mapPoints[i][7]-d/3)
                var point3 =new BMap.Point(mapPoints[i][6]-d/2, mapPoints[i][7]-d/3)
                var point4 =new BMap.Point(mapPoints[i][6]-d/2, mapPoints[i][7]+d/3)
                //画方形
                var square = new  BMap.Polygon([point1,point2,point3,point4], opt)
                map.addOverlay(square);//添加正方形     
                var centerPoint = square.getBounds().getCenter();
                    //获得中心点
                    //给多边形添加标签
                    var sectorName = mapPoints[i][3];
                    var label=new BMap.Label(sectorName, {offset:new BMap.Size(0,0), position:centerPoint});
                    map.addOverlay(label);                              
                addClickHandler(content,square);//添加鼠标点击后显示信息窗口
                addmouseoverer(square);//添加鼠标悬停动作
                addmouseouter(square);//鼠标离开动作  
            }
            else{
                var point = new BMap.Point(mapPoints[i][6], mapPoints[i][7]);//取经纬度
                var content = mapPoints[i][3];      //取得扇区小区信息   
                var azimuth1 = 90-mapPoints[i][8]-20;
                var azimuth2 = 90-mapPoints[i][8]+20;
                var x = mapPoints[i][9]%3;//计算PCI模几
                switch(x) {//判断PCI的模几
                    case 0://模0的颜色与样式
                        var opt = {
                            strokeColor: "red",
                            strokeWeight: 1,
                            strokeOpacity: 0.5,
                            fillColor:"red",
                            setFillOpacity: 0.5
                        }
                        break;
                    case 1://模1的颜色与样式
                        var opt = {
                            strokeColor: "green",
                            strokeWeight: 1,
                            strokeOpacity: 0.5,
                            fillColor:"green",
                            setFillOpacity: 0.5
                        }
                        break;
                    case 2://模2的颜色与样式
                        var opt = {
                            strokeColor: "blue",
                            strokeWeight: 1,
                            strokeOpacity: 0.5,
                            fillColor:"blue",
                            setFillOpacity: 0.5
                        }
                        break;
                } 
                //画多边形图案
                var oval = new BMap.Polygon(Sector1(point,250,azimuth1,azimuth2,"hello"), opt);
                map.addOverlay(oval);//添加多边形   
                var centerPoint = oval.getBounds().getCenter();
                    //获得中心点
                    //给多边形添加标签
                    var sectorName = mapPoints[i][3];
                    var label=new BMap.Label(sectorName, {offset:new BMap.Size(0,0), position:centerPoint});
                    map.addOverlay(label);          
                             
                addClickHandler(content,oval);//添加鼠标点击后显示信息窗口
                addmouseoverer(oval);//添加鼠标悬停动作
                addmouseouter(oval);//鼠标离开动作  
            }
        }   
    }    
    // 点击事件
    function addClickHandler(content,marker){
		marker.addEventListener("click",function(){
			openInfo(content,marker.getBounds().getCenter())
            }
		);
	}
    // 定义信息窗口样式
    var opts = {
				width : 250,     // 信息窗口宽度
				height: 80,     // 信息窗口高度
				title : "信息窗口" , // 信息窗口标题
				enableMessage:true//设置允许信息窗发送短息
			   };
    // 打开信息窗口

	function openInfo(content,infopoint){    
		var infoWindow = new BMap.InfoWindow(content,opts);  // 创建信息窗口对象 
		map.openInfoWindow(infoWindow,infopoint); //开启信息窗口
	}      
    // 鼠标飘过
    function addmouseoverer(oval){
        oval.addEventListener("mouseover",function(){
            // oval.setStrokeColor("red");
            oval.setStrokeWeight(2);//边界变宽
            oval.setStrokeOpacity(1);//边界颜色变深
            oval.setFillOpacity(1);//填充颜色变深          
                // map.addOverlay(secRingLabel);
                // map.panTo(secRingCenter);
        });
    }   

    // 鼠标移开
    function addmouseouter(oval){
        oval.addEventListener("mouseout",function(){
            oval.setStrokeWeight(1);//边界恢复
            oval.setStrokeOpacity(.5);//边界透明度变化
            oval.setFillOpacity(.5);//填充颜色变化
                // map.removeOverlay(secRingLabel);
        });
    }
           
makesectors(mapPoints);
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());    
map.addControl(new BMap.OverviewMapControl());    
map.addControl(new BMap.MapTypeControl());  
map.enableScrollWheelZoom();   

function showOver(){
		var markers = map.getOverlays();
        for (var i = 0; i < markers.length; i++) {         
                 markers[i].show();
           
        }
    }

function hideOver(){
    var markers = map.getOverlays();
    for (var i = 0; i < markers.length; i++) {
                markers[i].hide();
    }
}

function showLabel(){
		var markers = map.getOverlays();
        for (var i = 0; i < markers.length; i++) {
            if (markers[i].toString() == "[object Label]") {
                 markers[i].show();
            }
        }
    }

function hideLabel(){
    var markers = map.getOverlays();
    for (var i = 0; i < markers.length; i++) {
        if (markers[i].toString() == "[object Label]") {
                markers[i].hide();
        }
    }
}

</script>

效果图
在这里插入图片描述

卖身买镜头
关注
  • 1
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
用百度地图的API画多边形，并在多边形中加入文本标注
窗台的猫
12-15 6608
代码内中方法参数与数据库连接，仅供参考！ 技术粗浅，不喜勿喷，谢谢 --------------------------------------------------------------------------------- String path = request.getContextPath(); String basePath = request.getSchem
用JavaScript在百度地图上画扇形，任意角度的扇形，自定义覆盖物
未来之歌
04-11 4800
关于画扇形需求 众所周知，百度地图只有Circle类覆盖物，没有Sector类覆盖物，并且！！半径较小的时候，当地图级别放大后，百度那个圆很明显就是个多边形，不圆啊！。。 搜来搜去那个网上最多的各种计算角度什么的扇形画法（众多点连成多边形，but 半径小了或者角度小了，仍然是多边形啊？难道大多数人都这么将就的么？） 使用Canvas完成 直接贴上所有代码吧： &amp;lt;!DOC...
百度地图 - 绘制扇区
小小的前端
02-14 1699
简介 为了更加熟练的使用百度地图api，最简单的方式就是实现一个个DEMO。当然DEMO也是一个个慢慢实现的，在这里我们先讲解一个简单的扇区绘制功能。 引入地图 通过script标签加载地图api，然后通过BMapGL.Map('bmap')实例化地图。一个简单的地图就实现了。 <script src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=你的ak"></script> <div id="b
android百度地图画扇形覆盖,Android百度地图画扇形
weixin_32059869的博客
05-26 284
先上图：image.png首先我们只单说画扇形的需求需求：把最佳123位置点显示在扇形区域内，(这里分两种情况：1扇形不跟随移动，这个就没什么了，初始画出来就行了，2，扇形跟随移动，初始肯定是显示在区域内的，随着定位点的移动，扇形跟随移动)条件：画出扇形要有几个条件，两条边的夹角度数、中心点(即定位点)、半径这里比较有争议的是两条边的夹角度数，根据需求和实际情况看是后台计算好返回还是前端来计算处理...
根据经纬度坐标点画热力图（百度地图API）
03-15
基于百度地图API，根据经纬度坐标在地图上添加点、标注及热力图
使用百度地图api实现根据地址查询经纬度
01-21
根据地址查询经纬度</title>  <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>  [removed][removed] </head> <body style=”background:#CBE1FF”>  <div ...
JS使用百度地图API自动获取地址和经纬度操作示例
10-17
通过本文的介绍，我们可以了解到如何使用JavaScript和百度地图API来自动获取地址和经纬度。 首先，文章展示了实现自动获取地址和经纬度所需的HTML结构。在HTML中，引入百度地图API的JS库是前提，需要使用到`...
利用python和百度地图API实现数据地图标注的方法
09-19
百度地图API提供了丰富的地图服务，包括地理位置编码（将地址转换为经纬度）和地图展示等功能。 一、获取经纬度 在第一步中，我们需要从已知地名获取对应的经纬度坐标。这里使用了pandas库读取Excel文件中的数据，...
百度地图自定义图层显示与隐藏
老师好我叫曲同学的博客
04-29 1892
百度地图自定义图层显示与隐藏（百度地图打点与清除）
百度地图创建标注标签 maker与Label
热门推荐
前端
06-27 1万+
地图API中存在弹出窗展示信息，下面介绍的为tip信息，效果如下： 1.创建百度地图 //百度地图API功能 var map = new BMap.Map(&quot;map_demo&quot;, { enableMapClick: false, vectorMapLevel: 99 }); map_demo为div的id 2.添加标注与标签（...
百度地图基站扇区覆盖工具.rar
12-16
百度地图基站扇区覆盖工具.rar
python 爬取地址的经度和纬度，并在地图画出散点图/热力图
weixin_43193954的博客
07-11 5661
功能描述：python爬取地址的经度纬度，并将经纬度映射到地图上。 步骤 ： 第一步：对地址进行预处理，然后利用python爬取各个地址的经度纬度； 第二步：将经纬度映射到地图上。 爬取经度纬度 python第三方库：selenium、re、pandas Selenium是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。支持的浏览器包括IE（7,...
百度地图API之点聚合 文字标签显示/隐藏
上官hao的博客
05-07 6992
1:html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;meta name="viewport" content="initial-scale=1.
移动GIS开发之输入经纬度在地图上画点线面
自己写着玩的
01-03 1962
基于ArGIS API for Android在Esri底图的基础上实现输入经纬度坐标在指定位置做标记，以画点为例，line、polyline、polygon均类似，可参考Esri官网API。 温馨提醒：Esri有的底图是加偏了的，所以最后显示点的位置可能会有不小的偏差，建议选择合适的底图。 目录 一、 新建地图控件 二、 后台代码逻辑 （1）定义变量并与页面控件绑定 （2）新建Gra...
python地形图渲染_地形渲染之彩色地形图（Painted Relief Map）
weixin_39940755的博客
12-10 1091
Relief Map(也称ShadedRelief Map或Hillshade Map，地形图)，指通过制图手段在二维地图上展现出三维地表的形态，如http://www.maps-for-free.com/这里提供的地图，就是用Mashup的方式将阴影图和世界地图融合得到的。一般情况下，在GIS软件中我们想得到类似的效果，都是将由DEM得到的灰度阴影图和彩色的DEM图层叠加，通过控制透明度来实现的...
百度地图添加标识物，并能控制标识物显示/隐藏
qq_39218641的博客
05-23 1913
<%@ page contentType=“text/html;charset=UTF-8”%> <%@ include file="/WEB-INF/views/include/taglib.jsp"%> GIS地图 body { height: 100%; margin: 0px; padding: 0px; } #container { height: 100%...
Echarts 扇形图标 扇形中间添加颜色和数据 图例后的汉字自定义颜色 和图例后添加百分比
最新发布
weixin_71574589的博客
11-18 238
1. 扇形中间添加颜色和数据 option 里面的代码。
手把手教你用Python+可视化工具制作漂亮地图
小詹学python的博客
10-19 4037
这次呢，我想讲讲地图可视化的内容，以前我也写过用Python的内置库绘制地图，但总感觉不够美观。如何才能在短时间内制作漂亮的可视化地图呢，我觉得Python+可视化工具是不错的选择。以下...
学习笔记-百度地图绘制扇形
xsxtchenz的专栏
03-12 3801
公司项目有在电子地图上绘制扇形的需求，因为只是一个小需求，跟GIS还是差得远。 google maps v3和百度地图都没有封装扇形多边形的方法，自己在网上找了个google maps v2的算法拿过来略作修改，应用到的百度地图，虽然效果不完美，但总算也满足需求了。 js部分代码： var map = new BMap.Map("container"); var point = new B...
小程序echarts饼图label点击事件
06-11
小程序中使用 ECharts 饼图的 label 点击事件可以通过以下步骤实现： 1. 在小程序中引入 echarts 和适配小程序的 echarts-for-weixin 库： ```javascript import * as echarts from '../../ec-canvas/echarts'; import { initChart } from '../../ec-canvas/utils'; ``` 2. 在 wxml 文件中添加一个 canvas 组件，注意设置 canvas-id 和 style，例如： ```html <view class="canvas-container"> <ec-canvas id="mychart" canvas-id="mychart-canvas" ec="{{ ec }}" style="width: 100%; height: 300px;"></ec-canvas> </view> ``` 3. 在 js 文件中初始化 ECharts 实例，并设置饼图的 series 和 label 属性，例如： ```javascript // 初始化 ECharts 实例 let chart = null; function initChart(canvas, width, height) { chart = echarts.init(canvas, null, { width: width, height: height }); canvas.setChart(chart); const option = { series: [{ type: 'pie', data: [...], label: { formatter: function(params) { return '{a|' + params.name + '}\n{b|' + params.value + '}'; }, rich: { a: { color: '#666', lineHeight: 18, clickable: true // 设置 a 标签可点击 }, b: { fontSize: 16, lineHeight: 24 } } } }] }; chart.setOption(option); // 绑定 label 的 click 事件 chart.on('click', function(params) { if (params.dataIndex !== undefined) { // 点击了饼图扇形区域 console.log(params.data.name); // 输出饼图扇形区域的名称 } else if (params.seriesIndex === 0 && params.componentType === 'series') { // 点击了饼图的 label console.log(params.value); // 输出饼图扇形区域的值 } }); return chart; } // 页面 onLoad 时初始化 ECharts Page({ data: { ec: { onInit: initChart } } }); ``` 这样，在小程序中就可以实现 ECharts 饼图的 label 点击事件了。当用户点击 label 文字时，会在控制台输出饼图扇形区域的值。如果要实现跳转到指定页面的功能，可以在 on 方法中设置 wx.navigateTo 或 wx.redirectTo 方法。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值