基于 Openlayers 实现的地图常用功能工具集合

基于 Openlayers 实现的地图常用功能工具集合

在项目开发中,经常会需要使用一些坐标做测试,或者手动标绘点线面,或者坐标转换等。

使用代码当然是可以做到的,但是有时候懒得启相关项目,或者需要手写代码来实现,效率不高。

笔者在使用 Openlayers 过程中,积累一些工具,并且将使用频率较高的做了一个工具集,部署在云服务器,很方便。

这里将服务器工具对外开放,提供给需要的广大 GISer 使用,后期会将项目开源!

需要注意的是,之前在网上也见到过类似工具,但是功能不太合适,而本工具的优势是为地图开发人员提供专业功能

另外:工具完全是前端实现,不走后台,保护使用者隐私

PS:工具尚在不断补充完善中!

本文包括地图工具介绍、使用示例两部分。

以下是地图工具所有地址:

https://openlayers.vip/maptool/

https://openlayers.vip/map-tool/

https://openlayers.vip/map-tools/

https://openlayers.vip/mapTool/

https://openlayers.vip/mapTools/

注意:不知道啥原因,有时候会白屏,请用 https 访问;如果刷新不行,建议切换火狐或者edge浏览器!!!


地图工具介绍

地图工具地址:http://openlayers.vip/maptool/

地图工具普通功能主要使用原生 Openlayers 实现,地图分析功能使用 Turf 实现。

目前已完成的功能包括:

随机数据:框选范围,生成点线面随机数据,可以直接复制使用。

标绘数据:选择点线面,在地图上标绘数据,可以直接复制使用;也可以通过搜索地名进行定位后操作。

投影数据转换、火星百度坐标转换、GPS 坐标转换:输入 WKTGeoJson 格式数据,选择投影坐标,转换之后可以复制使用。

平滑曲线、曲面,缓冲,抽稀:输入 WKTGeoJson 格式数据,完成分析之后可以复制使用。

在这里插入图片描述

使用示例

使用也比较方便,这里举两个使用示例:标绘数据和缓冲分析。

1. 标绘数据

首先,输入天安门广场,点击查询定位,地图定位至天安门广场。

在这里插入图片描述

然后选择面状标绘类型,在地图标绘

在这里插入图片描述

可以选择生成数据格式,即 WKT 或者 GeoJson 格式,复制使用即可。

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

在这里插入图片描述

2. 缓冲分析

首先,将 WKT 或者 GeoJson 格式数据添加到输入框,已面状数据为例。

在这里插入图片描述

然后输入缓冲半径,点击缓冲分析即可生成数据,选择切换 WKT 或者 GeoJson 数据类型,复制使用即可。

在这里插入图片描述

3. 创建随机点

首先,地图标绘范围,或者手动输入范围。

在这里插入图片描述

选择生成类型(点线面),填写生成数量,点击模拟数据。

在这里插入图片描述

GeoJson 格式数据

{"type":"FeatureCollection","features":[{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[109.54233513100516,37.30330908299275],[109.54041615240607,37.27455468314199],[109.62032318340343,37.21556359001328],[109.625708795496,37.1975861590635],[109.62785644210251,37.19770535285025],[109.64434649924479,37.20169372770721],[109.6672278379932,37.199472954517546],[109.71129918969244,37.211151682841944],[109.72401803495583,37.216868023473594],[109.80647543133644,37.26256591718981]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[121.49589440643274,40.02439739498752],[121.47277762053137,40.07520878344627],[121.47440355292343,40.11882146340998],[121.47295978486561,40.11744929235244],[121.48273185284964,40.13397297318945],[121.48195134875945,40.117347629997944],[121.5548055922268,40.07685161165714],[121.61154497743436,40.04758604894645],[121.64087093432637,40.01319571222305],[121.59347458964022,39.95567995806993]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[121.31425521176884,36.52388272940171],[121.34811661862976,36.61498100936378],[121.36895362862042,36.59635037423096],[121.3699107758361,36.579403979645754],[121.36459497149951,36.59797756088572],[121.3994324997985,36.59467362560421],[121.4269960471513,36.580754634303716],[121.42918544065999,36.5787295956828],[121.42591959164024,36.53581150865416],[121.47464841535138,36.596108255647195]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[110.31210100018498,35.33308082387409],[110.31536780930551,35.37787750373669],[110.2902235603784,35.47103229198493],[110.30822427531602,35.45428695841777],[110.31679831010686,35.419825651981085],[110.33890073945399,35.37520416242458],[110.29666891615996,35.42143014420205],[110.28264606451864,35.3960719005878],[110.27952810433355,35.39856011552546],[110.30311160852274,35.37445554403632]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[121.199679628088,39.701227019533185],[121.18307837989646,39.695744301438495],[121.23982163888542,39.718301835469795],[121.28468029831168,39.745814316950124],[121.3070556593717,39.76974454234078],[121.30481234619397,39.790283262070915],[121.37130625407143,39.82875671797557],[121.43280624392368,39.84777537380566],[121.50367160538624,39.8887668886977],[121.51854993137432,39.90229512545449]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[119.27708815343549,40.81900520469794],[119.30497666830654,40.82247329078221],[119.33345722841833,40.8207658110306],[119.335267906132,40.82049298534503],[119.40823833137337,40.78173925105183],[119.49039508252564,40.730383330018434],[119.52859766675748,40.66335414627932],[119.54439352511497,40.60825371818538],[119.54510389403234,40.607629302901415],[119.5548800620554,40.50992975952615]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[115.00956103698115,35.06901583253038],[115.00884163927914,35.07062358296144],[115.0105098586398,35.07801297861228],[114.97786417806516,35.06158751521474],[115.06299504596839,35.08836753937699],[115.14304329258609,35.14811018752268],[115.16400567866906,35.16849665994159],[115.15281692442846,35.206492697800996],[115.15835373882925,35.20315304271814],[115.17229340681249,35.187012442963464]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[111.47373798112358,40.34653866902004],[111.48728900467216,40.337446283532316],[111.51799126446187,40.28479108209755],[111.55975179033734,40.297524963669595],[111.61135992299228,40.30989461183901],[111.66270651645452,40.31101908912048],[111.72413568789601,40.303641832899835],[111.82336086759899,40.30627774216129],[111.8548028486864,40.299025802536505],[111.86903629247341,40.297295813146356]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[112.96585748193472,42.05923956404727],[112.94154130108261,42.06064836546361],[112.96800643916548,42.064804662273204],[112.99930544368708,42.0593619058529],[113.02275178862348,42.055072558809165],[113.03146861537724,42.055458795416754],[113.11708202005529,42.047412868609456],[113.19002552100612,42.01475922277327],[113.2195038280461,42.00749449136943],[113.28339965123453,41.98026701026585]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[121.29035955138622,37.48663672466122],[121.33460521743059,37.532932822988194],[121.32287097879919,37.58657381140178],[121.38632215073325,37.51582763781377],[121.34249044926273,37.47146856643855],[121.33755825462092,37.518862194120736],[121.3399457034863,37.51830797918109],[121.3596303474634,37.51918720160654],[121.39484044590378,37.53002641917826],[121.4067078712357,37.53186708700162]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[108.97181225570054,36.27457105008201],[109.02892107179777,36.2732837974818],[109.03589973346648,36.27576783740488],[109.05705445134058,36.28920555261309],[109.11082208688391,36.32122768725224],[109.1267343629057,36.33481924256184],[109.13200350231678,36.34058228967226],[109.07109256301993,36.41537648983304],[109.00363269409304,36.409985722069806],[109.0614636335511,36.4207876898025]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[117.69931669852134,35.73708233711492],[117.78611070618551,35.782005815028064],[117.78715049871313,35.78309483365941],[117.79474799854222,35.85668301418898],[117.82789033458499,35.85857116985388],[117.83149915884859,35.85818829728772],[117.8855633732387,35.867003574586384],[117.91569707089809,35.87681000933922],[117.92273953280804,35.878272994094075],[117.93791507810339,35.87869855169622]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[113.71353058590995,41.60151922042956],[113.72902433852327,41.63123823044069],[113.70870984494101,41.630883909668334],[113.75551150794202,41.623197738478304],[113.82858144101489,41.63944933195418],[113.8581450389168,41.644902188626446],[113.86108361580197,41.64603165382549],[113.86646380731784,41.64936878461122],[113.90590758684384,41.680253129869804],[113.92157503973813,41.71562325389227]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[112.94921038177766,39.277706743985185],[112.94921478857883,39.27771361016263],[112.91133867195789,39.26996692289622],[112.9181926310062,39.270901407883954],[112.94218205367211,39.28289929207703],[113.00573402520415,39.31879599306706],[113.06401493763407,39.33701749203202],[113.1089522501529,39.37154649621577],[113.1091425633761,39.371683122752714],[113.16003158207324,39.43728252324272]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[122.24732076519967,36.32293377860449],[122.19954235634832,36.335569304326675],[122.27283048706528,36.33614112457279],[122.29853414741177,36.337051217483065],[122.34527458908232,36.334104159285864],[122.38341898202968,36.3158709727094],[122.42554695722194,36.26830313561137],[122.39186887624933,36.21063697812435],[122.42745862405833,36.163567589780435],[122.42447817686369,36.16674949446937]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[120.22039635340437,37.704946286481146],[120.14577735669596,37.735944111892906],[120.17203062663052,37.723216392232494],[120.21839428667752,37.691170923782344],[120.23356160363022,37.651477526634544],[120.28975938992252,37.7232215359323],[120.260623275846,37.723263300652924],[120.3380048315835,37.741868535243356],[120.39565125311259,37.74959258518941],[120.47159960477131,37.77913248499075]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[121.57848354981348,42.38304832657822],[121.61539245983674,42.39109590575425],[121.66523243723665,42.410483832470284],[121.74586055282691,42.42083206359227],[121.83371565748367,42.450158982527256],[121.89666577316419,42.507536567658306],[121.89589744220358,42.52737089670805],[121.92200843208258,42.51368863339526],[121.98772316881757,42.49152328632896],[121.98914089455995,42.49112333967959]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[115.44143982768595,38.884482860662345],[115.42585263855301,38.89247282393273],[115.44577376776371,38.87034567601121],[115.41967011184808,38.8437026112308],[115.41568728759427,38.88950705661396],[115.4074177732335,38.90396002042949],[115.4547893369583,38.838918537116285],[115.46005603688263,38.87430871301378],[115.51737780324522,38.91719319059431],[115.51771144790928,38.91769980395049]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[110.67442737518915,34.954688498142026],[110.69157524252316,34.95571853986657],[110.70582583821702,34.95087311715932],[110.71262420565722,34.94728717394329],[110.75969052963778,34.930038265027484],[110.85035542094576,34.91962171075696],[110.90809228360696,34.92774912963211],[110.96679084963833,34.93521142933572],[110.98719685404454,34.93775734121343],[110.9956881530463,34.94224963161914]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[115.46306680410898,37.31845768961509],[115.45988551278388,37.309073466498155],[115.49008158106834,37.30800336161283],[115.50144887532147,37.311153093893715],[115.57631746721616,37.32410194610694],[115.63818908742061,37.346467506141735],[115.71278246348369,37.38210493675865],[115.73248273671284,37.3979764707486],[115.73478518903133,37.400616606293305],[115.69462911658118,37.46913025105893]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[115.15088192299807,34.955353862337],[115.15832090182414,34.94712535560385],[115.14920942602166,34.905487151028225],[115.22576713328267,34.937888583605464],[115.27139622371573,34.97136711212191],[115.28725712781775,34.98826559457255],[115.26657591222448,35.0270279188619],[115.23879643239309,35.02335738467829],[115.31541157907486,35.00761120718233],[115.33259379099829,35.00514788052135]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[116.58746643919031,39.851047841873935],[116.65148802679782,39.89454939413169],[116.65836065590027,39.902423580054375],[116.60650117729303,39.96524578629387],[116.6011250775535,39.961889406768435],[116.63599688665742,40.03093113147915],[116.61641874859775,40.00331855343773],[116.6978862957494,39.989137209920486],[116.74172912310505,39.9920447327962],[116.77277215759005,39.99208184259376]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[117.5502335414933,42.422752210042056],[117.5449587185508,42.41950119878179],[117.56376194230285,42.45047466760575],[117.60600627976304,42.444612527909385],[117.6423196556299,42.438254607380856],[117.67502340413195,42.433850575051586],[117.7704411137819,42.44966069514941],[117.7941369917708,42.46214926494171],[117.796619752779,42.46414801105528],[117.80295214449542,42.494119116920245]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[111.05002456808022,41.064399933522594],[111.05046994873467,41.06509794364275],[110.99188369805648,41.03677815050078],[111.05490995034152,41.081872019836396],[111.10033057373424,41.128020155317984],[111.12312670978638,41.211209555073715],[111.1442724816485,41.23921124988315],[111.12581114155041,41.203156456386466],[111.04577638848588,41.15787615313411],[111.06371140850621,41.16488335340643]]}},{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[117.2548308924914,39.73496573462049],[117.34482938530903,39.736681670140115],[117.4153624252264,39.73745536884134],[117.46761058470872,39.73216824256202],[117.55771727398404,39.719717859645954],[117.60637185376353,39.71922750813508],[117.62420884646832,39.72439774298968],[117.64253846919529,39.73861258189162],[117.70024080707462,39.787075951765274],[117.72170552142515,39.88247515621168]]}}]}

WKT 格式

GEOMETRYCOLLECTION(LINESTRING(109.54233513100516 37.30330908299275,109.54041615240607 37.27455468314199,109.62032318340343 37.21556359001328,109.625708795496 37.1975861590635,109.62785644210251 37.19770535285025,109.64434649924479 37.20169372770721,109.6672278379932 37.199472954517546,109.71129918969244 37.211151682841944,109.72401803495583 37.216868023473594,109.80647543133644 37.26256591718981),LINESTRING(121.49589440643274 40.02439739498752,121.47277762053137 40.07520878344627,121.47440355292343 40.11882146340998,121.47295978486561 40.11744929235244,121.48273185284964 40.13397297318945,121.48195134875945 40.117347629997944,121.5548055922268 40.07685161165714,121.61154497743436 40.04758604894645,121.64087093432637 40.01319571222305,121.59347458964022 39.95567995806993),LINESTRING(121.31425521176884 36.52388272940171,121.34811661862976 36.61498100936378,121.36895362862042 36.59635037423096,121.3699107758361 36.579403979645754,121.36459497149951 36.59797756088572,121.3994324997985 36.59467362560421,121.4269960471513 36.580754634303716,121.42918544065999 36.5787295956828,121.42591959164024 36.53581150865416,121.47464841535138 36.596108255647195),LINESTRING(110.31210100018498 35.33308082387409,110.31536780930551 35.37787750373669,110.2902235603784 35.47103229198493,110.30822427531602 35.45428695841777,110.31679831010686 35.419825651981085,110.33890073945399 35.37520416242458,110.29666891615996 35.42143014420205,110.28264606451864 35.3960719005878,110.27952810433355 35.39856011552546,110.30311160852274 35.37445554403632),LINESTRING(121.199679628088 39.701227019533185,121.18307837989646 39.695744301438495,121.23982163888542 39.718301835469795,121.28468029831168 39.745814316950124,121.3070556593717 39.76974454234078,121.30481234619397 39.790283262070915,121.37130625407143 39.82875671797557,121.43280624392368 39.84777537380566,121.50367160538624 39.8887668886977,121.51854993137432 39.90229512545449),LINESTRING(119.27708815343549 40.81900520469794,119.30497666830654 40.82247329078221,119.33345722841833 40.8207658110306,119.335267906132 40.82049298534503,119.40823833137337 40.78173925105183,119.49039508252564 40.730383330018434,119.52859766675748 40.66335414627932,119.54439352511497 40.60825371818538,119.54510389403234 40.607629302901415,119.5548800620554 40.50992975952615),LINESTRING(115.00956103698115 35.06901583253038,115.00884163927914 35.07062358296144,115.0105098586398 35.07801297861228,114.97786417806516 35.06158751521474,115.06299504596839 35.08836753937699,115.14304329258609 35.14811018752268,115.16400567866906 35.16849665994159,115.15281692442846 35.206492697800996,115.15835373882925 35.20315304271814,115.17229340681249 35.187012442963464),LINESTRING(111.47373798112358 40.34653866902004,111.48728900467216 40.337446283532316,111.51799126446187 40.28479108209755,111.55975179033734 40.297524963669595,111.61135992299228 40.30989461183901,111.66270651645452 40.31101908912048,111.72413568789601 40.303641832899835,111.82336086759899 40.30627774216129,111.8548028486864 40.299025802536505,111.86903629247341 40.297295813146356),LINESTRING(112.96585748193472 42.05923956404727,112.94154130108261 42.06064836546361,112.96800643916548 42.064804662273204,112.99930544368708 42.0593619058529,113.02275178862348 42.055072558809165,113.03146861537724 42.055458795416754,113.11708202005529 42.047412868609456,113.19002552100612 42.01475922277327,113.2195038280461 42.00749449136943,113.28339965123453 41.98026701026585),LINESTRING(121.29035955138622 37.48663672466122,121.33460521743059 37.532932822988194,121.32287097879919 37.58657381140178,121.38632215073325 37.51582763781377,121.34249044926273 37.47146856643855,121.33755825462092 37.518862194120736,121.3399457034863 37.51830797918109,121.3596303474634 37.51918720160654,121.39484044590378 37.53002641917826,121.4067078712357 37.53186708700162),LINESTRING(108.97181225570054 36.27457105008201,109.02892107179777 36.2732837974818,109.03589973346648 36.27576783740488,109.05705445134058 36.28920555261309,109.11082208688391 36.32122768725224,109.1267343629057 36.33481924256184,109.13200350231678 36.34058228967226,109.07109256301993 36.41537648983304,109.00363269409304 36.409985722069806,109.0614636335511 36.4207876898025),LINESTRING(117.69931669852134 35.73708233711492,117.78611070618551 35.782005815028064,117.78715049871313 35.78309483365941,117.79474799854222 35.85668301418898,117.82789033458499 35.85857116985388,117.83149915884859 35.85818829728772,117.8855633732387 35.867003574586384,117.91569707089809 35.87681000933922,117.92273953280804 35.878272994094075,117.93791507810339 35.87869855169622),LINESTRING(113.71353058590995 41.60151922042956,113.72902433852327 41.63123823044069,113.70870984494101 41.630883909668334,113.75551150794202 41.623197738478304,113.82858144101489 41.63944933195418,113.8581450389168 41.644902188626446,113.86108361580197 41.64603165382549,113.86646380731784 41.64936878461122,113.90590758684384 41.680253129869804,113.92157503973813 41.71562325389227),LINESTRING(112.94921038177766 39.277706743985185,112.94921478857883 39.27771361016263,112.91133867195789 39.26996692289622,112.9181926310062 39.270901407883954,112.94218205367211 39.28289929207703,113.00573402520415 39.31879599306706,113.06401493763407 39.33701749203202,113.1089522501529 39.37154649621577,113.1091425633761 39.371683122752714,113.16003158207324 39.43728252324272),LINESTRING(122.24732076519967 36.32293377860449,122.19954235634832 36.335569304326675,122.27283048706528 36.33614112457279,122.29853414741177 36.337051217483065,122.34527458908232 36.334104159285864,122.38341898202968 36.3158709727094,122.42554695722194 36.26830313561137,122.39186887624933 36.21063697812435,122.42745862405833 36.163567589780435,122.42447817686369 36.16674949446937),LINESTRING(120.22039635340437 37.704946286481146,120.14577735669596 37.735944111892906,120.17203062663052 37.723216392232494,120.21839428667752 37.691170923782344,120.23356160363022 37.651477526634544,120.28975938992252 37.7232215359323,120.260623275846 37.723263300652924,120.3380048315835 37.741868535243356,120.39565125311259 37.74959258518941,120.47159960477131 37.77913248499075),LINESTRING(121.57848354981348 42.38304832657822,121.61539245983674 42.39109590575425,121.66523243723665 42.410483832470284,121.74586055282691 42.42083206359227,121.83371565748367 42.450158982527256,121.89666577316419 42.507536567658306,121.89589744220358 42.52737089670805,121.92200843208258 42.51368863339526,121.98772316881757 42.49152328632896,121.98914089455995 42.49112333967959),LINESTRING(115.44143982768595 38.884482860662345,115.42585263855301 38.89247282393273,115.44577376776371 38.87034567601121,115.41967011184808 38.8437026112308,115.41568728759427 38.88950705661396,115.4074177732335 38.90396002042949,115.4547893369583 38.838918537116285,115.46005603688263 38.87430871301378,115.51737780324522 38.91719319059431,115.51771144790928 38.91769980395049),LINESTRING(110.67442737518915 34.954688498142026,110.69157524252316 34.95571853986657,110.70582583821702 34.95087311715932,110.71262420565722 34.94728717394329,110.75969052963778 34.930038265027484,110.85035542094576 34.91962171075696,110.90809228360696 34.92774912963211,110.96679084963833 34.93521142933572,110.98719685404454 34.93775734121343,110.9956881530463 34.94224963161914),LINESTRING(115.46306680410898 37.31845768961509,115.45988551278388 37.309073466498155,115.49008158106834 37.30800336161283,115.50144887532147 37.311153093893715,115.57631746721616 37.32410194610694,115.63818908742061 37.346467506141735,115.71278246348369 37.38210493675865,115.73248273671284 37.3979764707486,115.73478518903133 37.400616606293305,115.69462911658118 37.46913025105893),LINESTRING(115.15088192299807 34.955353862337,115.15832090182414 34.94712535560385,115.14920942602166 34.905487151028225,115.22576713328267 34.937888583605464,115.27139622371573 34.97136711212191,115.28725712781775 34.98826559457255,115.26657591222448 35.0270279188619,115.23879643239309 35.02335738467829,115.31541157907486 35.00761120718233,115.33259379099829 35.00514788052135),LINESTRING(116.58746643919031 39.851047841873935,116.65148802679782 39.89454939413169,116.65836065590027 39.902423580054375,116.60650117729303 39.96524578629387,116.6011250775535 39.961889406768435,116.63599688665742 40.03093113147915,116.61641874859775 40.00331855343773,116.6978862957494 39.989137209920486,116.74172912310505 39.9920447327962,116.77277215759005 39.99208184259376),LINESTRING(117.5502335414933 42.422752210042056,117.5449587185508 42.41950119878179,117.56376194230285 42.45047466760575,117.60600627976304 42.444612527909385,117.6423196556299 42.438254607380856,117.67502340413195 42.433850575051586,117.7704411137819 42.44966069514941,117.7941369917708 42.46214926494171,117.796619752779 42.46414801105528,117.80295214449542 42.494119116920245),LINESTRING(111.05002456808022 41.064399933522594,111.05046994873467 41.06509794364275,110.99188369805648 41.03677815050078,111.05490995034152 41.081872019836396,111.10033057373424 41.128020155317984,111.12312670978638 41.211209555073715,111.1442724816485 41.23921124988315,111.12581114155041 41.203156456386466,111.04577638848588 41.15787615313411,111.06371140850621 41.16488335340643),LINESTRING(117.2548308924914 39.73496573462049,117.34482938530903 39.736681670140115,117.4153624252264 39.73745536884134,117.46761058470872 39.73216824256202,117.55771727398404 39.719717859645954,117.60637185376353 39.71922750813508,117.62420884646832 39.72439774298968,117.64253846919529 39.73861258189162,117.70024080707462 39.787075951765274,117.72170552142515 39.88247515621168))

最后,地图工具在持续新增、更新、完善中…

以下是地图工具所有地址:

https://openlayers.vip/maptool/

https://openlayers.vip/map-tool/

https://openlayers.vip/map-tools/

https://openlayers.vip/mapTool/

https://openlayers.vip/mapTools/

  • 7
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 11
    评论
实现Openlayers地图的全屏显示,可以使用浏览器提供的Fullscreen API来实现。具体步骤如下: 1. 创建一个按钮或者一个链接,用于触发全屏显示。 2. 绑定该按钮或链接的点击事件,在事件处理函数中调用地图对象的requestFullscreen()方法,请求浏览器进入全屏模式。 3. 监听Fullscreen API的fullscreenchange事件。当该事件被触发时,检查当前是否处于全屏模式。如果是,则设置地图的尺寸为浏览器窗口的尺寸。 下面是一个实现Openlayers地图全屏显示的示例代码: ``` // 创建地图对象 var map = new ol.Map({ target: 'map', layers: [ // 添加地图图层 new ol.layer.Tile({ source: new ol.source.OSM() }) ], view: new ol.View({ // 设置地图中心点和缩放级别 center: ol.proj.fromLonLat([120, 30]), zoom: 10 }) }); // 创建全屏按钮 var fullscreenBtn = document.createElement('button'); fullscreenBtn.innerText = '全屏'; // 点击按钮进入全屏模式 fullscreenBtn.addEventListener('click', function() { if (document.fullscreenElement) { document.exitFullscreen(); } else { map.getTargetElement().requestFullscreen(); } }); // 监听Fullscreen API的fullscreenchange事件 document.addEventListener('fullscreenchange', function() { if (document.fullscreenElement) { // 进入全屏模式时设置地图大小为浏览器窗口大小 map.setSize([window.innerWidth, window.innerHeight]); } else { // 退出全屏模式时恢复地图原来的大小 map.setSize([500, 500]); } }); // 将按钮添加到页面中 document.body.appendChild(fullscreenBtn); ``` 该示例代码中创建了一个地图对象,并添加了一个OpenStreetMap图层。然后创建了一个全屏按钮,点击该按钮可以进入或退出全屏模式。最后监听了Fullscreen API的fullscreenchange事件,在事件处理函数中设置了地图的大小。
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

非科班Java出身GISer

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值