openlayers google v3只显示一个marker故障

最新推荐文章于 2020-12-17 23:16:37 发布
原创 最新推荐文章于 2020-12-17 23:16:37 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#google

本文解决了使用OpenLayers时仅能显示一个Marker的问题。通过调整坐标投影方式，成功实现了多个Marker的同时显示。此方法适用于使用OpenLayers进行地理信息系统开发的技术人员。

openlayers google v3只显示一个marker故障

找了半天也没找到，后来看了OpenStreetMap网站源码，才最终解决的，

看来用OpenLayers的不算太多哈。


markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon));

 markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(10,10),icon.clone()));

   


改为以下写法正确

    markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(110,10).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject()),icon.clone()));
    markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(120,20).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject()),icon.clone()));
    markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(130,30).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject()),icon.clone()));

121：vue+openlayers 加载中国边界JSON数据（EPSG:4326）
大剑师兰特的GIS世界
09-06 1191
本示例的目的是介绍演示如何在vue+openlayers中添加JSON数据，显示的是中国的边界线（EPSG:4326）。
100.Vue3 + OpenLayers：使用 marker-feature 添加 Marker
最新发布
小彭的博客
03-12 906
是一个强大的开源地图库，可以帮助开发者快速构建 Web 地图应用。本文将详细介绍如何在。（OpenStreetMap）底图，并在。端口），你应该可以看到地图，以及点击。这样，你的 优快云 文章就完成了！在前端 GIS（地理信息系统）开发中，：OpenLayers 默认使用。就会出现在指定经纬度的位置。项目还没有创建，可以使用。投影，因此如果你的坐标是。发生此错误，可以使用。，请确保所有数据一致。
百度地图 遍历marker并增加窗口 只显示最后一个窗口信息的问题
b809220024的博客
06-19 2839
使用地图从数据库加载marker，遇到一个问题，每次点击窗体都只出现遍历中最后一个的结果。 经过思考，得出结论是遍历的时候，虽然给每个marker加上了打开窗体的方法，但是会被后面的遍历替代，所以应该把方法单独拿出来opts = { width : 200, // 信息窗口宽度 height: 80,
marker显示（openlayers+google）
荼罗庄
04-06 232
function initMap(type) { var lon = centerPoint.split(',')[0]; var lat = centerPoint.split(',')[1]; var point = new OpenLayers.LonLat(lon,lat) .transform(new OpenLayers.Projection("EPSG:4326")...
Openlayers矢量标签显示控制
￡Duan’yi!
11-07 339
地图多个多边形都显示标签地图会比较乱，只在最大的多边形显示标签。
百度地图 循环加载marker并添加多个信息窗口，解决只显示最后一个窗口信息的问题
狂涛骇浪
12-07 2万+
最近在使用百度地图的时候遇到过一个问题，就是从数据库中进行加载数据，循环加载多个marker点，并且为每个marker点添加相对应的信息展示窗口，在实际执行的过程中，点击marker的时候显示的信息窗口总是显示的最后一次加载的信息，之前也遇到过这种问题，没进行总结，故忘记了之前的解决方法是什么，今天又遇到的同样的问题，抓狂，没进行总结带来的问题，所以在这里进行说明一下解决方法，以此借鉴学习，有错误
openlayers-map-marker:使用openlayers地图创建标记。 带有弹出窗口，地图多边形，地图事件的地图标记
05-24
具有Openlayers 6.3的地图标记 使用openlayers地图创建标记，使用弹出窗口创建简单的地图标记。 地图html < head > < link rel =" stylesheet " href =" ...
Openlayers实现地图全屏显示
10-14
OpenLayers 是一个流行的开源JavaScript库，用于在Web浏览器中创建交互式的地图应用。它支持多种地图数据源，包括WMS、WMTS、GeoJSON等，并提供了丰富的地图操作和可视化功能。在OpenLayers中，实现地图全屏显示是...
OpenLayers3实现鼠标移动显示坐标
10-14
OpenLayers是一个功能强大的开源JavaScript库，用于在网页上集成交互式地图。OpenLayers3版本在之前的版本基础上做了很多改进，提供了更多高级功能和更好的性能。本篇知识点着重介绍在OpenLayers3中，如何实现鼠标...
OpenLayers3实现地图显示功能
10-14
本教程将详细介绍如何使用OpenLayers 3 实现地图显示功能，特别是如何展示一个基于OpenStreetMap (OSM) 瓦片的地图。 首先，配置开发环境至关重要。要使用OpenLayers 3 开发WebGIS应用，你需要从官方网站下载库文件...
OpenLayersPolygonsMerge:在OpenLayers中合并两个相邻的多边形
04-05
OpenLayersPolygonsMerge 将openlayers中的两个相邻多边形合并为一个。 对于教程，请单击以下链接
Openlayers进阶学习——多标注显示/点击弹出框/图层控制/搜索定位/新增标注等
热门推荐
技术学习与分享
02-27 4万+
Openlayers进阶学习——多标注显示/点击弹出框/图层控制/搜索定位/新增标注等
openlayers6【二】Map地图详解，初始化一个map地图
@必意玲
04-02 1万+
openlayers 6【二】vue 初始化map地图详解
Python:地理地图可视化folium标记点弹窗设置
Zhang Phil
12-17 4808
python代码如下： import webbrowser as wb import folium if __name__ == '__main__': loc = [30.679943, 104.067923] map = folium.Map(location=loc, zoom_start=11, zoom_control=True, tiles='...
OpenLayers之标注功能二：图文标注
不睡觉的怪叔叔的博客
08-17 2万+
目录 一、图文标注介绍 二、使用加载矢量点要素实现标注 三、使用叠置层实现标注 一、图文标注介绍     图文标注，指同时使用文本和图片的标注，通过文本结合图标来展现标注点的信息，也是一种简单的地图标注。     一般情况下，文本用来描述标注点的关键词或主题信息（如名称等），小图标则作为标注点的位置标识，也包含一定的属性信息（如类型等）。     可以使用加载矢量点要素的方式实现，设...
OpenLayers 学习（五） 根据经纬度用Marker在地图上添加标记
Stonesk的博客
06-09 1万+
根据经纬度在地图上添加标记 html, body { width: 100%; height: 100%; margin: 0; padding: 0; } var basePath = '198.165.26.54'; var jsonStr='{"M
关于OpenLayers加载本地切片的问题
wangpingjing的博客
02-05 987
1.不能够正常添加标记到地图上，当使用GOOGLE地图时原因： 添加标记的时候需要加上中扩号-&gt; map.addLayers([markers]);var lon = 107.5781;var lat = 36.8796;var zoom = 2;var map, layer,gmap,markers;var objMouse;var options = {projection: new...
openlayers将某一个LineString设置显示与隐藏
09-27
OpenLayers是一个强大的开源JavaScript库，用于构建交互式的Web地图应用。如果你想在OpenLayers中控制线形字符串(LineString)的显示和隐藏，你可以这样做： 1. 首先，你需要创建一个`LineString`对象，并添加到地图...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值