<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>openlayers点击图文标注显示pop弹窗</title>
<link href="ol/ol.css" rel="stylesheet" type="text/css" />
<script src="ol/ol.js" type="text/javascript"></script>
<style type="text/css">
#mapCon {
width: 100%;
height: 100%;
}
.ol-popup {
position: absolute;
background-color: white;
-webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
padding: 15px;
border-radius: 10px;
border: 1px solid #cccccc;
bottom: 12px;
left: -50px;
min-width: 280px;
}
.o
超级会员免费看
本文介绍如何在OpenLayers地图应用中，通过监听点击事件，为地图上的图文标注添加交互，当用户点击标注时，弹出包含详细信息的pop窗口。内容涉及JavaScript编程及OpenLayers库的API用法。
订阅专栏 解锁全文
916
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
