// 初始化地图 initMap() { map = new Map({ layers: [ new TileLayer({ source: new OSM(), }), ], target: 'map', view: new View({ center: [116.403218, 39.92372], zoom: 12, maxZoom: 18, projection: 'EPSG:4326', constrainResolution: true, // 设置缩放级别为整数 smoothResolutionConstraint: false, // 关闭无级缩放地图 }), }); this.addPoint() }, // 绘制坐标点 addPoint() { let feature = new Feature({ title: 'beijing', geometry: new Point([116.403218, 39.92372]), }) feature.setStyle( new Style({ image: new CircleStyle({ fill: new Fill({ color: 'blue', }), radius: 4, }), }) ); let source = new VectorSource() source.addFeature(feature) let layer = new VectorLayer() layer.setSource(source) map.addLayer(layer) },
参考:https://blog.csdn.net/weixin_42776111/article/details/123736853
标签:
Openlayers
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
2023-03-12 springboot:dynamic-datasource
2023-03-12 springboot-Druid连接池
2021-03-12 ArcGIS Engine之Polygon与Envelope互相转换
2021-03-12 SOE之前端如何调用SOE服务接口
2021-03-12 C# GUID有什么用?
2021-03-12 C#通过接口或者父类可以调用子类的方法或者属性吗?
2019-03-12 Github代码管理教程