。

以下是关于北斗应用支撑…北斗应用支撑平台是基于中国自主研发的北斗卫星导航系统BDS构建的技术服务平台旨在为各行业提供精准定位、导航、授时PNT、短报文通信等核心功能并支持二次开发与定制化应用。

以下是关于北斗应用支撑平台的详细介绍

###

通过北斗地基增强系统如CORS站实现厘米级/毫米级定位适用于测绘、无人驾驶、智慧农业等领域。

北斗独有的短报文功能可在无地面网络覆盖区域如海洋、沙漠实现应急通信应用于防灾减灾、远洋渔业等场景。

**精准授时**

提供纳秒级时间同步支撑金融、电力、通信等对时间敏感的关键基础设施。

**多源融合定位**

兼容GPS/GLONASS/Galileo等多系统信号增强复杂环境城市峡谷、室内下的服务可靠性。

---

**国内推广**国家发改委《北斗产业化重大工程》要求关键领域北斗替代率超过80%。

**国际应用**纳入国际民航ICAO、海事IMO标准服务“一带一路”沿线国家。

---

:popHoverScreenPointpopHoverScreenPoint

:popHoverVisiblepopHoverVisible/popHoverpopClick

:popAspectpopAspect

:popClickScreenPointpopClickScreenPoint

:popClickVisiblepopClickVisible

:popClickTitleInfopopClickTitleInfo

:popClickContentInfopopClickContentInfo/popClick/div

!--

tdtSwitchBasetdtSwitchBase/GisTool--

!--

supermap/iclient-ol/control/Logo

import

supermap/iclient-ol/control/ScaleLine

import

{initTdtBaseMap,CommonCreateLayers,getLayerByCode,tdtSwitchBase,MapMouseoverEvent,MapClick,addElementToMap,getGeojsonByLayerCode,setLayersVisible,setLayersVisibleByCode,zoomC,commonRefreshVectorGeojsonLayer,CommonCreateVectorLayerGroup,refreshCv,CommonRefreshVectorLayerByData

from

layerPanel,popHover,popClick},name:

iCOLMapCommon,data

layersInfo,baseLayerArr:[],popHoverScreenPoint:

{x:

iCOLMapConfig.defaultMapViewCenter,zoom:

iCOLMapConfig.defaultMapViewLevel,minZoom:

iCOLMapConfig.maxZoom,projection:

设置地图在东西方向无缝滚动//

ScaleLine())CommonCreateLayers(icolMap,

layersInfo,_this)//

this.windyUtil.addWindyLayer(windData)//

debugger//

detailwindyUtil.getWindyDetail([103,45])let

source

icolMap.addInteraction(modify);let

displayFeatureInfo

icolMap.getPixelFromCoordinate(coordinate)console.log(longitude:

icolMap.getView().getCenter()[0].toString()

latitude:

icolMap.getView().getCenter()[1].toString()

level:

icolMap.getView().getZoom().toString())//

var

windyUtil.getWindyDetail(coordinate);//

alert(

0}icolMap.forEachFeatureAtPixel(pixel,

function

[]}obj.push(feature)features[code]

obj})//console.log(features.length);let

laysers

laysers[1]MapClick(_this,layerMsgClick,features[laysers[1]][0],

laysers[1])if

(layersInfo[laysers[1]].CustomPopupTemplate)

features[laysers[1]][0].values_.values_[layersInfo[laysers[1]].CustomPopupTemplate.titleField]_this.popClickContentInfo

layersInfo[laysers[1]].CustomPopupTemplate.contentlet

attrs

Object.keys(features[laysers[1]][0].values_.values_)for

(let

_this.popClickContentInfo.replaceAll({

attrs[i]

features[laysers[1]][0].values_.values_[attrs[i]])}_this.popAspect.cWidth

layersInfo[laysers[1]].CustomPopupTemplate.width_this.popAspect.cHeight

layersInfo[laysers[1]].CustomPopupTemplate.height_this.popClickVisible

true}}return

icolMap.getPixelFromCoordinate(coordinate)let

features

0}icolMap.forEachFeatureAtPixel(pixel,

function

[]}obj.push(feature)features[code]

obj})//console.log(features.length);let

laysers

laysers[1]features[laysers[1]][0][pixel]

pixel//

if(!layersInfo[laysers[1]]?.isStrong!layersInfo[laysers[2]]?.isStrong){//

getLayerByCode(_this.smap,shengZ).getSource().clear()//

}MapMouseoverEvent(_this,layerMsgMouseOver,features[laysers[1]][0],

laysers[1])if

layersInfo[laysers[1]].floatLabelInfo)

pixel[0]

layersInfo[laysers[1]].floatLabelInfo.offsetX_this.popHoverScreenPoint.y

pixel[1]

layersInfo[laysers[1]].floatLabelInfo.offsetY_this.popHoverInfo

features[laysers[1]][0].values_.values_[layersInfo[laysers[1]].floatLabelInfo.floatLabelField]_this.popHoverVisible

true}

{getLayerByCode(_this.smap,shengZ).getSource().clear()_this.popHoverVisible

false}return

geojsongetGeojsonByLayerCode(icolMap,Measure)//

(evt.dragging)

_this.getWindyDetail(coordinate);//

alert(

details.speed);//console.log(coordinate);//点击事件if

(displayFeatureInfo(coordinate))

function

icolMap.getView().getProjection().getExtent();////

(center[0]

view.setCenter(currentCenter);//

}//

getLayerByCode(icolMap,interpolationPic).clear()//

getLayerByCode(icolMap,interpolationPic0).setSource(new

url:

layersInfo[interpolationPic].url||,//

imageExtent:

[ln*360-540,-90,ln*360-179.75,90],//

wrapX:

getLayerByCode(icolMap,interpolationPic).setSource(new

url:

layersInfo[interpolationPic].url||,//

imageExtent:

[ln*360-180,-90,ln*360180.25,90],//

wrapX:

console.log([ln*360-180,-90,ln*360180.25,90])//

getLayerByCode(icolMap,interpolationPic1).setSource(new

url:

layersInfo[interpolationPic].url||,//

imageExtent:

[ln*360180,-90,ln*360540.25,90],//

wrapX:

console.log([ln*360180,-90,ln*360540.25,90])////

(center[0]

(layersInfo[laysers[i]].sourceType

Overlay

{if(layersInfo[laysers[i]].minZoom

cZoom

layersInfo[laysers[i]].maxZoom){_this.setLayerVisibleOverly(laysers[i],true)}else

{_this.setLayerVisibleOverly(laysers[i],false)}}if((layersInfo[laysers[i]].isGroupLayer||false

true)layersInfo[laysers[i]].visible

true)

{if(layersInfo[laysers[i]].minZoom

cZoom

layersInfo[laysers[i]].outRes.length0)

{refreshCv(layersInfo[laysers[i]].outRes,icolMap,layersInfo,laysers[i])}}}//

var

icolMap.getPixelFromCoordinate([115.783878,34.308761])})icolMap.on(pointermove,

function

evt.coordinatedisplayFeatureInfoOver(coordinate)})//

let

addElementToMap(this.smap,el,115.783878,34.308761,popoupid)//

let

echartsLayerUtil.createTransferLayer(transferData,code,entName)//

let

document.getElementById(popup)})//

(type,

{tdtSwitchBase(this.smap,type,isLabel)},refreshXZQH(regionCode){commonRefreshVectorGeojsonLayer(/image/duoyuanronghe/regionCode/XZQH.json,layersInfo,XZQHRegion,this.smapm)},setLayerVisibleOverly

(layerId,

{if(layersInfo[layerId].sourceType

Overlay){for(let

layersInfo[layerId].overlays.length;

i){layersInfo[layerId].overlays[i].setVisible(visible)}}},markerMouseOver(re){let

lrere.clone();lre.setStyle(Layersymbols.areaRegionSymbol2);getLayerByCode(this.smap,shengZ).getSource().clear()getLayerByCode(this.smap,shengZ).getSource().addFeature(lre)//

this.$emit(markerMouse,lre.values_)},setLayerVisible

(layerId,

CommonCreateVectorLayerGroup(_this.smap,layersInfo,point1)//

setInterval(function

CommonCreateVectorLayerGroup(_this.smap,layersInfo,point1)//

},13000)if(layersInfo[layerId].sourceType

Overlay){for(let

layersInfo[layerId].overlays.length;

i){layersInfo[layerId].overlays[i].setVisible(visible)}//

visible}else

{setLayersVisibleByCode(this.smap,

[layerId],

visible)}(layersInfo[layerId]||{}).visible

(layerId,

layerId).setOpacity(opacity)},zoomToC

(x,

false)},refreshIdentityR(windSpeed,wd,longitude,latitude){let

res[]let

p[resultX,resultY]cds.push(p)}obj1.cds[cds]obj1.id1res.push(obj1)}else

{for(let

i-parseInt(wd)-12;i-parseInt(wd)12;i){let

angel

p[resultX,resultY]cds.push(p)}cds.push([longitude,latitude])obj1.cds[cds]obj1.id1res.push(obj1)for(let

i-parseInt(wd)-12-180;i-parseInt(wd)12-180;i){let

angel

p[resultX,resultY]cds1.push(p)}cds1.push([longitude,latitude])obj2.cds[cds1]obj2.id2res.push(obj2)}CommonRefreshVectorLayerByData(res,

this.smap,

WRegion,_this)},RefreshWarnLayerByData(res){CommonRefreshVectorLayerByData(res,

this.smap,

warnPoint,_this)},setWindyVisible(visible){if(visible){//

this.windyUtil.addWindyLayer(windData)}else

{this.cwindData

falsethis.windyUtil.clearWindyLayer()this.windVisible

false}},refreshWiny(cwinddata){this.cwindDatacwinddatathis.windyUtil.clearWindyLayer()this.windyUtil.addWindyLayer(cwinddata)this.windVisible

true},reloadWindy(){if(this.windVisible){this.windyUtil.clearWindyLayer()this.windyUtil.addWindyLayer(this.cwindData)}}},updated

{},mounted

_this.setLayerVisible(qianxitu,false)//

let

/static/EchartsData/transferData.json,//

url:/index/screen/statistics/statisticsUserRegionTransfer,//

dataIdField:

CommonCreateLayers(_this.smap,ec,_this)//

},10000)//

this.refreshIdentityR(5,90,115.783878,34.308761)}

/script

url(../../../../public/static/gis/css/ol.css);

import

url(../../../../public/static/css/css/mapoperatestyle.css);

#popup1

参照iClientOL实现前端gis开发架构_前端iclientol-CSDN博客

实现效果

链接https://pan.baidu.com/s/1RZX7JpTpxES-G7GiaVUxOw

提取码61cn

地图下载器代码结构设计及功能实现_地图下载管理器解析-CSDN博客