浏览器版本低!无法浏览完整内容,建议升级或更换浏览器。

文档全面上新

更科技的视觉体验,更高效的页面结构,快前往体验吧!

体验新版
 
(未显示1个用户的11个中间版本)
第1行: 第1行:
<div id="examples_center">
+
<div id="examples_center"><!-- 页面标题 --><div class="title-hd">境外地图</div><!-- 标题下子标题及简介,可有多个 --><div class="title-mi">功能场景</div><div class="wrap-mi">常用于境外地图中需要展示位置信息。</div><!--  --></div><div class="demos_wrap"><div class="header"><div class="andiord-header active">Android</div><div class="ios-header">iOS</div></div><div class="andiord-wrap wrap"><div class="wrap-wp"><div class="wrap_left"><div class="left-video"><div class="img-bg-and"></div><div class="phone-android"><div class="video-wrap infor"><div class="video-control"></div><!-- 安卓视频位置 (不写协议)--><pre>//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/SVID_20200530_204859_1.mp4</pre>
    <!-- 页面标题 -->
+
</div><div class="video-icon-and"><div class="play play-and"></div><div class="stop stop-and"></div></div></div><div class="progressWrap-hide-and"></div><div id="videoControls-and"><div id="progressWrap-and"><div id="playProgress-and"></div></div></div></div><div class="left-qrCode"><!-- 安卓二维码位置 --><div class="qrCode-and">1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/newqrcodes/境外地图.png</div><div>扫码体验</div></div></div><div class="wrap_right"><div class="wrap_right_nav"><div class="wrap_right_nav_l"><div>使用产品</div><div><!-- 安卓使用产品下选项,可有多个 --><div class="documentA">Android地图SDK|/index.php?title=androidsdk</div><div>></div><div class="documentA">境外地图服务|/index.php?title=androidsdk/guide/create-map/showmap/abroad</div></div></div><div class="wrap_right_nav_r">下载源码</div><!-- 安卓源码地址 --><div class="github-url-and">//mapopen-website-wiki.bj.bcebos.com/demos/BaiduMapSDKExample.zip</div></div><div class="wrap_table"><div class="table_nav"><div class="left-icon"></div><div>核心接口</div></div><div class="table_wrap"><div class="table_wrap_title"><div>类</div><div>接口</div><div>描述</div></div><!-- 表格接口,可有多个 --><div class="table_wrap_con"><div class="table_wrap_w"><div><div class="table-wrap-className">BaiduMap</div></div><div><div>setMapStatus(MapStatusUpdate mapStatusUpdate)</div></div><div><div>设置地图新状态</div></div></div><!--  --><div class="table_wrap_w"><div><div class="table-wrap-className">MapStatusUpdateFactory</div></div><div><div>newLatLngZoom(LatLng latLng,int zoom)</div></div><div><div>创建地图中心点新状态</div></div></div></div></div></div></div></div><div class="pre-nav"><div class="left-icon"></div><div>核心代码</div></div><div class="pre-wrap"><div class="pre-wrap-nav"><div>JAVA</div></div><!-- 安卓示例代码位置 --><div class="pre-wrap-w pre-wrap-w-and"><pre class="prettyprint prettyprinted pre-and">// 伦敦经纬度  
    <div class="title-hd">境外地图</div><!-- 标题下子标题及简介,可有多个 -->
+
    <div class="title-mi">功能场景</div>
+
    <div class="wrap-mi">常用于海外业务中需要展示位置信息。</div><!--  -->
+
</div>
+
<div class="demos_wrap">
+
    <div class="header">
+
        <div class="andiord-header active">Android</div>
+
        <div class="ios-header">iOS</div>
+
    </div>
+
    <div class="andiord-wrap wrap">
+
        <div class="wrap-wp">
+
            <div class="wrap_left">
+
                <div class="left-video">
+
                    <div class="img-bg-and"></div>
+
                    <div class="phone-android">
+
                        <div class="video-wrap infor">
+
                            <div class="video-control"></div><!-- 安卓视频位置 (不写协议)-->
+
                            <pre>//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/SVID_20200530_204859_1.mp4</pre>
+
                        </div>
+
                        <div class="video-icon-and">
+
                            <div class="play play-and"></div>
+
                            <div class="stop stop-and"></div>
+
                        </div>
+
                    </div>
+
                    <div class="progressWrap-hide-and"></div>
+
                    <div id="videoControls-and">
+
                        <div id="progressWrap-and">
+
                            <div id="playProgress-and"></div>
+
                        </div>
+
                    </div>
+
                </div>
+
                <div class="left-qrCode">
+
                    <!-- 安卓二维码位置 -->
+
                    <div class="qrCode-and">1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/qrcodes/境外地图.png</div>
+
                    <div>扫码体验</div>
+
                </div>
+
            </div>
+
            <div class="wrap_right">
+
                <div class="wrap_right_nav">
+
                    <div class="wrap_right_nav_l">
+
                        <div>使用产品</div>
+
                        <div>
+
                            <!-- 安卓使用产品下选项,可有多个 -->
+
                            <!-- 产品1|/index.php?title=test -->
+
                            <div class="documentA">Android地图SDK|/index.php?title=androidsdk</div>
+
                            <div >></div>
+
                            <div class="documentA">境外地图服务|/index.php?title=androidsdk/guide/create-map/showmap/abroad</div>
+
                        </div>
+
                    </div>
+
                    <div class="wrap_right_nav_r">下载源码</div><!-- 安卓源码地址 -->
+
                    <div class="github-url-and">//mapopen-pub-androidsdk.cdn.bcebos.com/map/sample/BaiduLBS_AndroidSDK_Sample.zip</div>
+
                </div>
+
                <div class="wrap_table">
+
                    <div class="table_nav">
+
                        <div class="left-icon"></div>
+
                        <div>核心接口</div>
+
                    </div>
+
                    <div class="table_wrap">
+
                        <div class="table_wrap_title">
+
                            <div>类</div>
+
                            <div>接口</div>
+
                            <div>描述</div>
+
                        </div>
+
                        <!-- 表格接口,可有多个 -->
+
                        <div class="table_wrap_con">
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">MapStatusUpdate </div>
+
                                </div>
+
                                <div>
+
                                    <div></div>
+
                                </div>
+
                                <div>
+
                                    <div>用于更新地图状态,通过MapStatusUpdateFactory创建</div>
+
                                </div>
+
                            </div><!--  -->
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">MapStatusUpdateFactory</div>
+
                                </div>
+
                                <div>
+
                                    <div>newMapStatus <br/>(MapStatus mapStatus)</div>
+
                                </div>
+
                                <div>
+
                                    <div>生成地图MapStatus新状态</div>
+
                                </div>
+
                               
+
   
+
                            </div>
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">MapStatusUpdateFactory</div>
+
                                </div>
+
                                <div>
+
                                    <div>newLatLng(LatLng latLng)</div>
+
                                </div>
+
                                <div>
+
                                    <div>创建地图中心点新状态</div>
+
                                </div>
+
                               
+
   
+
                            </div>
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">MapStatusUpdateFactory</div>
+
                                </div>
+
                                <div>
+
                                    <div>newLatLngBounds(LatLngBounds bounds)</div>
+
                                </div>
+
                                <div>
+
                                    <div>创建地图显示地理范围新状态</div>
+
                                </div>
+
                               
+
   
+
                            </div>
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">MapStatusUpdateFactory</div>
+
                                </div>
+
                                <div>
+
                                    <div>newLatLngBounds(LatLngBounds bounds, int width, int height)</div>
+
                                </div>
+
                                <div>
+
                                    <div>创建显示在规定宽高中的地图地理范围新状态</div>
+
                                </div>
+
                               
+
   
+
                            </div>
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">MapStatusUpdateFactory</div>
+
                                </div>
+
                                <div>
+
                                    <div>newLatLngZoom(LatLng latLng, float zoom)</div>
+
                                </div>
+
                                <div>
+
                                    <div>创建地图中心点以及缩放级别新状态</div>
+
                                </div>
+
                               
+
   
+
                            </div>
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">MapStatusUpdateFactory</div>
+
                                </div>
+
                                <div>
+
                                    <div>scrollBy(int xPixel, int yPixel)</div>
+
                                </div>
+
                                <div>
+
                                    <div>创建像素移动地图中心点新状态</div>
+
                                </div>
+
                               
+
   
+
                            </div>
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">MapStatusUpdateFactory</div>
+
                                </div>
+
                                <div>
+
                                    <div>zoomBy(float amount)</div>
+
                                </div>
+
                                <div>
+
                                    <div>创建给定增量缩放地图级别新状态</div>
+
                                </div>
+
                               
+
   
+
                            </div>
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">MapStatusUpdateFactory</div>
+
                                </div>
+
                                <div>
+
                                    <div>zoomBy(float amount, Point focus)</div>
+
                                </div>
+
                                <div>
+
                                    <div>创建根据给定增量以及给定的屏幕坐标缩放地图级别新状态</div>
+
                                </div>
+
                               
+
   
+
                            </div>
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">MapStatusUpdateFactory</div>
+
                                </div>
+
                                <div>
+
                                    <div>zoomIn()</div>
+
                                </div>
+
                                <div>
+
                                    <div>创建放大地图缩放级别新状态</div>
+
                                </div>
+
                               
+
   
+
                            </div>
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">MapStatusUpdateFactory</div>
+
                                </div>
+
                                <div>
+
                                    <div>zoomOut()</div>
+
                                </div>
+
                                <div>
+
                                    <div>创建缩小地图缩放级别新状态</div>
+
                                </div>
+
                               
+
   
+
                            </div>
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">MapStatusUpdateFactory</div>
+
                                </div>
+
                                <div>
+
                                    <div>zoomTo(float zoom)</div>
+
                                </div>
+
                                <div>
+
                                    <div>创建地图缩放级别新状态</div>
+
                                </div>
+
                               
+
   
+
                            </div>
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">MapStatusUpdateFactory</div>
+
                                </div>
+
                                <div>
+
                                    <div>newLatLngBounds(LatLngBounds bounds, int paddingLeft,int paddingTop, int paddingRight, int paddingBottom)</div>
+
                                </div>
+
                                <div>
+
                                    <div>创建显示在指定相对于MapView的padding中的地图地理范围新状态</div>
+
                                </div>
+
                               
+
   
+
                            </div>
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">MapStatusUpdateFactory</div>
+
                                </div>
+
                                <div>
+
                                    <div>newLatLngZoom(LatLngBounds bounds, int paddingLeft,int paddingTop, int paddingRight, int paddingBottom)</div>
+
                                </div>
+
                                <div>
+
                                    <div>创建Padding设置地理范围的合适缩放级别新状态</div>
+
                                </div>
+
                               
+
   
+
                            </div>
+
                        </div>
+
                    </div>
+
                </div>
+
 
+
            </div>
+
        </div>
+
 
+
        <div class="pre-nav">
+
            <div class="left-icon"></div>
+
            <div>核心代码</div>
+
        </div>
+
        <div class="pre-wrap">
+
            <div class="pre-wrap-nav">
+
                <div>JAVA</div>
+
            </div><!-- 安卓示例代码位置 -->
+
            <div class="pre-wrap-w pre-wrap-w-and">
+
                <pre class="prettyprint prettyprinted pre-and">
+
// 伦敦经纬度  
+
 
LatLng center = new LatLng(51.50015, 0.12623);
 
LatLng center = new LatLng(51.50015, 0.12623);
 
     MapStatusUpdate mapStatusUpdate = MapStatusUpdateFactory.newLatLngZoom(center, 8);
 
     MapStatusUpdate mapStatusUpdate = MapStatusUpdateFactory.newLatLngZoom(center, 8);
第271行: 第8行:
 
baiduMap.setMapStatus(mapStatusUpdate);
 
baiduMap.setMapStatus(mapStatusUpdate);
 
                 </pre>
 
                 </pre>
                <div class="pre-btn">
+
<div class="pre-btn"><div class="pre-btn-copy-and">复制</div><div class="pre-btn-cb-and">深色</div></div><div class="success">复制成功</div></div></div><div class="more-nav"><div class="left-icon"></div><div>更多功能</div></div><div class="more-wrap"><!-- 安卓更多功能下选项 --><!-- 点标记动画|/index.php?title=test --><div><div class="point"></div><div class="documentA">卫星图|/index.php?title=androidsdk/guide/create-map/maptype</div></div><div><div class="point"></div><div class="documentA">个性化地图|/index.php?title=androidsdk/guide/create-map/custommap</div></div></div></div><div class="ios-wrap wrap" style="display: none;"><div class="wrap-wp"><div class="wrap_left"><div class="left-video"><div class="img-bg-ios-sh"></div><div class="phone-ios"><div class="video-wrap infor"><div class="video-control"></div><!-- ios视频位置 --><pre>//mapopen-website-wiki.bj.bcebos.com/demos/iosVideos/iOS境外地图.mov</pre>
                    <div class="pre-btn-copy-and">复制</div>
+
</div><div class="video-icon-ios"><div class="play play-ios"></div><div class="stop stop-ios"></div></div></div><div class="progressWrap-hide-ios"></div><div id="videoControls-ios"><div id="progressWrap-ios"><div id="playProgress-ios"></div></div></div></div><div class="left-qrCode iosqrCode"><!-- ios二维码位置 --><div class="qrCode-ios">1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/ioscodes/境外地图@1xios.png</div><div>扫码体验</div></div></div><div class="wrap_right"><div class="wrap_right_nav"><div class="wrap_right_nav_l"><div>使用产品</div><div><!-- IOS使用产品下选项,可有多个 --><div class="documentA">iOS地图SDK|/index.php?title=iossdk</div><!--  --><div>></div><div class="documentA">境外地图服务|/index.php?title=iossdk/guide/create-map/showmap/abroad</div></div></div><div class="wrap_right_nav_r">下载源码</div><!-- IOS源码地址 --><div class="github-url-ios">//mapopen-website-wiki.bj.bcebos.com/BaiduMapSDKDemo.zip</div></div><div class="wrap_table"><div class="table_nav"><div class="left-icon"></div><div>核心接口</div></div><div class="table_wrap"><div class="table_wrap_title"><div>类</div><div>接口</div><div>描述</div></div><!-- ios表格接口内容,可有多个 --><!-- 表格接口,可有多个 --><div class="table_wrap_con"><div class="table_wrap_w"><div><div class="table-wrap-className">BMKMapView</div></div><div><div>zoomLevel</div></div><div><div>地图比例尺级别</div></div></div><!--  --><div class="table_wrap_w"><div><div class="table-wrap-className">BMKMapView</div></div><div><div>centerCoordinate</div></div><div><div>当前地图的中心点,改变该值时,地图的比例尺级别不会发生变化</div></div></div></div></div></div></div></div><div class="pre-nav"><div class="left-icon"></div><div>核心代码</div></div><div class="pre-wrap"><div class="pre-wrap-nav"><div>Objective-C</div></div><div class="pre-wrap-w pre-wrap-w-ios code_container"><!-- ios示例代码位置 --><pre class="prettyprint prettyprinted pre-ios">/** 创建地图. */
                    <div class="pre-btn-cb-and">深色</div>
+
                </div>
+
                <div class="success">复制成功</div>
+
 
+
            </div>
+
        </div>
+
        <div class="more-nav">
+
            <div class="left-icon"></div>
+
            <div>更多功能</div>
+
        </div>
+
        <div class="more-wrap">
+
            <!-- 安卓更多功能下选项 -->
+
            <!-- 点标记动画|/index.php?title=test -->
+
            <div>
+
                <div class="point"></div>
+
                <div class="documentA">卫星图|/index.php?title=androidsdk/guide/create-map/maptype</div>
+
            </div>
+
            <div>
+
                <div class="point"></div>
+
                <div class="documentA">个性化地图|/index.php?title=androidsdk/guide/create-map/custommap</div>
+
            </div>
+
         
+
        </div>
+
 
+
 
+
 
+
    </div>
+
    <div class="ios-wrap wrap" style="display: none;">
+
        <div class="wrap-wp">
+
            <div class="wrap_left">
+
                <div class="left-video">
+
                    <div class="img-bg-ios-sh"></div>
+
                    <div class="phone-ios">
+
                        <div class="video-wrap infor">
+
                            <div class="video-control"></div><!-- ios视频位置 -->
+
                            <pre>//mapopen-website-wiki.bj.bcebos.com/demos/iosVideos/iOS境外地图.mov</pre>
+
                        </div>
+
                        <div class="video-icon-ios">
+
                            <div class="play play-ios"></div>
+
                            <div class="stop stop-ios"></div>
+
                        </div>
+
                    </div>
+
                    <div class="progressWrap-hide-ios"></div>
+
                    <div id="videoControls-ios">
+
                        <div id="progressWrap-ios">
+
                            <div id="playProgress-ios"></div>
+
                        </div>
+
                    </div>
+
                </div>
+
                <div class="left-qrCode">
+
                    <!-- ios二维码位置 -->
+
                    <div class="qrCode-ios">//mapopen-website-wiki.bj.bcebos.com/demos/play.png</div>
+
                    <div>扫码手机观看</div>
+
                </div>
+
            </div>
+
            <div class="wrap_right">
+
                <div class="wrap_right_nav">
+
                    <div class="wrap_right_nav_l">
+
                        <div>使用产品</div>
+
                        <div>
+
                            <!-- IOS使用产品下选项,可有多个 -->
+
                            <!-- 产品1|/index.php?title=test -->
+
                            <div class="documentA">IOS地图SDK|/index.php?title=iossdk</div><!--  -->
+
                            <div >></div>
+
                            <div class="documentA">境外地图服务|/index.php?title=iossdk/guide/create-map/showmap/abroad</div>
+
                        </div>
+
                    </div>
+
                    <div class="wrap_right_nav_r">下载源码</div><!-- IOS源码地址 -->
+
                    <div class="github-url-ios">//mapopen-website-wiki.bj.bcebos.com/demos/iosVideos/iOS示例中心Demo.zip</div>
+
                </div>
+
                <div class="wrap_table">
+
                    <div class="table_nav">
+
                        <div class="left-icon"></div>
+
                        <div>核心接口</div>
+
                    </div>
+
                    <div class="table_wrap">
+
                        <div class="table_wrap_title">
+
                            <div>类</div>
+
                            <div>接口</div>
+
                            <div>描述</div>
+
                        </div><!-- ios表格接口内容,可有多个 -->
+
                        <!-- 表格接口,可有多个 -->
+
                        <div class="table_wrap_con">
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">BMKMapView </div>
+
                                </div>
+
                                <div>
+
                                    <div>zoomLevel</div>
+
                                </div>
+
                                <div>
+
                                    <div>地图比例尺级别</div>
+
                                </div>
+
                            </div><!--  -->
+
                            <div class="table_wrap_w">
+
                                <div>
+
                                    <div class="table-wrap-className">BMKMapView </div>
+
                                </div>
+
                                <div>
+
                                    <div>centerCoordinate</div>
+
                                </div>
+
                                <div>
+
                                    <div>当前地图的中心点,改变该值时,地图的比例尺级别不会发生变化</div>
+
                                </div>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </div>
+
 
+
            </div>
+
        </div>
+
        <div class="pre-nav">
+
            <div class="left-icon"></div>
+
            <div>核心代码</div>
+
        </div>
+
        <div class="pre-wrap">
+
            <div class="pre-wrap-nav">
+
                <div>Objective-C</div>
+
            </div>
+
           
+
            <div class="pre-wrap-w pre-wrap-w-ios code_container">
+
                <!-- ios示例代码位置 -->
+
                <pre class="prettyprint prettyprinted pre-ios">
+
/** 创建地图. */
+
 
- (BMKMapView *)mapView {
 
- (BMKMapView *)mapView {
 
     if (!_mapView) {
 
     if (!_mapView) {
第408行: 第21行:
 
     return _mapView;
 
     return _mapView;
 
                 </pre>
 
                 </pre>
                <div class="pre-btn">
+
<div class="pre-btn"><div class="pre-btn-copy-ios">复制</div><div class="pre-btn-cb-ios">深色</div></div><div class="success">复制成功</div></div></div><div class="more-nav"><div class="left-icon"></div><div>更多功能</div></div><div class="more-wrap"><!-- IOS更多功能下选项 --><!-- 点标记动画|/index.php?title=test --><div><div class="point"></div><div class="documentA">卫星图|/index.php?title=iossdk/guide/create-map/maptype</div></div><div><div class="point"></div><div class="documentA">个性化地图|/index.php?title=iossdk/guide/create-map/custommap</div></div></div></div></div>
                    <div class="pre-btn-copy-ios">复制</div>
+
                    <div class="pre-btn-cb-ios">深色</div>
+
                </div>
+
                <div class="success">复制成功</div>
+
            </div>
+
        </div>
+
        <div class="more-nav">
+
            <div class="left-icon"></div>
+
            <div>更多功能</div>
+
        </div>
+
        <div class="more-wrap">
+
            <!-- IOS更多功能下选项 -->
+
            <!-- 点标记动画|/index.php?title=test -->
+
            <div>
+
                <div class="point"></div>
+
                <div class="documentA">卫星图|/index.php?title=iossdk/guide/create-map/maptype</div>
+
            </div>
+
            <div>
+
                <div class="point"></div>
+
                <div class="documentA">个性化地图|/index.php?title=iossdk/guide/create-map/custommap</div>
+
            </div>
+
        </div>
+
    </div>
+
</div>
+

2022年2月25日 (五) 17:17的最后版本

境外地图
功能场景
常用于境外地图中需要展示位置信息。
Android
iOS
//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/SVID_20200530_204859_1.mp4
1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/newqrcodes/境外地图.png
扫码体验
使用产品
Android地图SDK|/index.php?title=androidsdk
>
境外地图服务|/index.php?title=androidsdk/guide/create-map/showmap/abroad
下载源码
//mapopen-website-wiki.bj.bcebos.com/demos/BaiduMapSDKExample.zip
核心接口
接口
描述
BaiduMap
setMapStatus(MapStatusUpdate mapStatusUpdate)
设置地图新状态
MapStatusUpdateFactory
newLatLngZoom(LatLng latLng,int zoom)
创建地图中心点新状态
核心代码
JAVA
// 伦敦经纬度 
LatLng center = new LatLng(51.50015, 0.12623);
    MapStatusUpdate mapStatusUpdate = MapStatusUpdateFactory.newLatLngZoom(center, 8);
    if (null == mapStatusUpdate) { 
        return; 
    }
baiduMap.setMapStatus(mapStatusUpdate);
                
复制
深色
复制成功
更多功能
卫星图|/index.php?title=androidsdk/guide/create-map/maptype
个性化地图|/index.php?title=androidsdk/guide/create-map/custommap
  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

如发现文档错误,或对此文档有更好的建议,请在下方反馈。问题咨询请前往反馈平台提交工单咨询。

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消