<!DOCTYPE html>
<html>
<head>
<title>zxk示例</title>
<link rel="stylesheet" href="ol.css" type="text/css">
<script src='https://cdn.jsdelivr.net/npm/openlayers@4.6.5/dist/ol-debug.js'></script>
<script src='https://cdn.jsdelivr.net/npm/ol-extent@2.0.1/dist/ol-extent.js'></script>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/ol-extent@2.0.1/dist/ol-extent.css'>
<style>
.ole-js-popup-content {
width: 200px;
}
</style>
</head>
<body>
<div id="map" class="map"></div>
<script>
//让图标可以移动
function makeMarkerMove(feature) {
var modify = new ol.interaction.Modif
此博客展示了如何使用OpenLayers库创建交互式地图，并添加可移动的图标。通过JavaScript函数`makeMarkerMove`使图标具备拖动功能，`createMarker`用于创建地图上的标记，并显示相关信息。地图背景为静态图片，而图标则从指定URL加载。点击图标会弹出包含名称的弹出框。
最低0.47元/天 解锁文章
扫一扫
373
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
