gis-map-universal 0.9.0 → 0.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/gismap.umd.js +1 -1
- package/package.json +1 -1
package/gismap.umd.js
CHANGED
|
@@ -262208,7 +262208,7 @@ let fontSize=Number(document.getElementsByTagName("html")[0].style.fontSize.spli
|
|
|
262208
262208
|
// -this.popupHeight - 20,
|
|
262209
262209
|
// ]);
|
|
262210
262210
|
let fontSize=Number(document.getElementsByTagName("html")[0].style.fontSize.split("px")[0]);let popupHeight=this.popupHeight/192*fontSize;let popupWidth=this.popupWidth/192*fontSize;this.overlayPopup.setPosition(mousePoint);this.overlayPopup.setOffset([-popupWidth/2,-popupHeight]);let pixelPoint=this.map.getPixelFromCoordinate(mousePoint);let newpixelPoint=[pixelPoint[0],pixelPoint[1]-150];let newCenterPoint=this.map.getCoordinateFromPixel(newpixelPoint);this.map.getView().animate({center:newCenterPoint,duration:800});}}else{this.closePopup();}// }
|
|
262211
|
-
});this.map.on("pointermove",e=>{let feature=this.map.forEachFeatureAtPixel(e.pixel,feature=>{return feature;});if(feature!==this.lastHoverFeature){if(feature){that.$emit("pointerMoveEvent",feature.getProperties());}this.lastHoverFeature=feature;}});},initRoadNetwork(){let colorList=[{京九通道:"rgba(174, 93, 57, 0.8)"},{京沪通道:"rgba(174, 93, 57, 0.8)"},{滨临通道:"rgba(174, 93, 57, 0.8)"},{京沪二通道:"rgba(174, 93, 57, 0.8)"},{济青通道:"rgba(139, 72, 213, 0.8)"},{鲁中通道:"rgba(139, 72, 213, 0.8)"},{鲁北通道:"rgba(139, 72, 213, 0.8)"},{鲁南通道:"rgba(139, 72, 213, 0.8)"},{沿海通道:"rgba(174, 93, 57, 0.8)"},{沿黄达海通道:"rgba(23, 136, 185, 0.8)"}];let colorList2=[{京九通道:"#FFB1A0"},{京沪通道:"#FFB1A0"},{滨临通道:"#FFB1A0"},{京沪二通道:"#FFB1A0"},{济青通道:"#E4CDFF"},{鲁中通道:"#E4CDFF"},{鲁北通道:"#E4CDFF"},{鲁南通道:"#E4CDFF"},{沿海通道:"#FFB1A0"},{沿黄达海通道:"#BCEBFF"}];let angleList=[{京九通道:90},{京沪通道:90},{滨临通道:90},{京沪二通道:90},{济青通道:0},{鲁中通道:0},{鲁北通道:0},{鲁南通道:0},{沿海通道:0},{沿黄达海通道:0}];let roadNetworkSource=new source_Vector["default"]({url:"/std.json",format:new ol_format_GeoJSON["default"]({dataProjection:"EPSG:4326",featureProjection:"EPSG:3857"})});let roadNetworkLayer=new layer_Vector["default"]({layerName:"roadNetworkLayer",source:roadNetworkSource,style:function(feature){let fename=feature.getProperties().name;let fecolor=colorList.find(item=>Object.keys(item)[0]===fename);let feangle=angleList.find(item=>Object.keys(item)[0]===fename);let fecolor2=colorList2.find(item=>Object.keys(item)[0]===fename);return new Style["default"]({stroke:new StrokePattern({width:15,pattern:"hatch",color:fecolor[fename],offset:0,scale:0.9,fill:new Fill["default"]({color:"rgba(0,0,0,0)"}),size:1.5,spacing:4,angle:feangle[fename],lineCap:"square"}),text:new ol_style_Text["default"]({text:fename,font:"bold 18px sans-serif",fill:new Fill["default"]({color:fecolor2[fename]//"#E4CDFF",
|
|
262211
|
+
});this.map.on("pointermove",e=>{let feature=this.map.forEachFeatureAtPixel(e.pixel,feature=>{return feature;});if(feature!==this.lastHoverFeature){if(this.lastHoverFeature){that.$emit("pointerOutEvent",this.lastHoverFeature.getProperties());}if(feature){let pixelPoint=null;if(feature.getProperties().longitude&&feature.getProperties().latitude){let latlon=[feature.getProperties().longitude,feature.getProperties().latitude];pixelPoint=this.map.getPixelFromCoordinate(latlon);}that.$emit("pointerMoveEvent",feature.getProperties(),pixelPoint);}this.lastHoverFeature=feature;}});},initRoadNetwork(){let colorList=[{京九通道:"rgba(174, 93, 57, 0.8)"},{京沪通道:"rgba(174, 93, 57, 0.8)"},{滨临通道:"rgba(174, 93, 57, 0.8)"},{京沪二通道:"rgba(174, 93, 57, 0.8)"},{济青通道:"rgba(139, 72, 213, 0.8)"},{鲁中通道:"rgba(139, 72, 213, 0.8)"},{鲁北通道:"rgba(139, 72, 213, 0.8)"},{鲁南通道:"rgba(139, 72, 213, 0.8)"},{沿海通道:"rgba(174, 93, 57, 0.8)"},{沿黄达海通道:"rgba(23, 136, 185, 0.8)"}];let colorList2=[{京九通道:"#FFB1A0"},{京沪通道:"#FFB1A0"},{滨临通道:"#FFB1A0"},{京沪二通道:"#FFB1A0"},{济青通道:"#E4CDFF"},{鲁中通道:"#E4CDFF"},{鲁北通道:"#E4CDFF"},{鲁南通道:"#E4CDFF"},{沿海通道:"#FFB1A0"},{沿黄达海通道:"#BCEBFF"}];let angleList=[{京九通道:90},{京沪通道:90},{滨临通道:90},{京沪二通道:90},{济青通道:0},{鲁中通道:0},{鲁北通道:0},{鲁南通道:0},{沿海通道:0},{沿黄达海通道:0}];let roadNetworkSource=new source_Vector["default"]({url:"/std.json",format:new ol_format_GeoJSON["default"]({dataProjection:"EPSG:4326",featureProjection:"EPSG:3857"})});let roadNetworkLayer=new layer_Vector["default"]({layerName:"roadNetworkLayer",source:roadNetworkSource,style:function(feature){let fename=feature.getProperties().name;let fecolor=colorList.find(item=>Object.keys(item)[0]===fename);let feangle=angleList.find(item=>Object.keys(item)[0]===fename);let fecolor2=colorList2.find(item=>Object.keys(item)[0]===fename);return new Style["default"]({stroke:new StrokePattern({width:15,pattern:"hatch",color:fecolor[fename],offset:0,scale:0.9,fill:new Fill["default"]({color:"rgba(0,0,0,0)"}),size:1.5,spacing:4,angle:feangle[fename],lineCap:"square"}),text:new ol_style_Text["default"]({text:fename,font:"bold 18px sans-serif",fill:new Fill["default"]({color:fecolor2[fename]//"#E4CDFF",
|
|
262212
262212
|
}),rotateWithView:true,// stroke: new Stroke({
|
|
262213
262213
|
// color: "#E4CDFF",
|
|
262214
262214
|
// width: 1,
|