文章/答案/技术大牛

发布

社区首页 >问答首页 >Javascript:多边形未在地图上显示

问Javascript:多边形未在地图上显示
EN

Stack Overflow用户

提问于 2022-04-14 13:10:51

回答 1查看 72关注 0票数 0

为什么地图上没有显示多边形？我试图用多边形高亮显示一个特定的位置，但它没有显示在地图上，即使没有错误。以下是代码：

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" 
    />
    <link rel="stylesheet" 
href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"> 
</script>
<style>
  #map {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
</style>
</head>
<body>
<div id="map">
  <a href="https://www.maptiler.com" 
style="position:absolute;left:10px;bottom:10px;z-index:999;"><img 
src="https://api.maptiler.com/resources/logo.svg" alt="MapTiler logo"></a>
</div>
<p><a href="https://www.maptiler.com/copyright/" target="_blank">© MapTiler</a> <a 
href="https://www.openstreetmap.org/copyright" target="_blank">© OpenStreetMap 
contributors</a></p>
<script>
  var map = L.map('map').setView([8.94917, 125.54361], 12);
  L.tileLayer('https://api.maptiler.com/maps/streets/{z}/{x}/{y}.png? 
key=aLd1dKi19JrBFCzDze2p',{
    tileSize: 512,
    zoomOffset: -1,
    minZoom: 1,
    attribution: "\u003ca href=\"https://www.maptiler.com/copyright/\" 
target=\"_blank\"\u003e\u0026copy; MapTiler\u003c/a\u003e \u003ca 
href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\"\u003e\u0026copy; 
OpenStreetMap contributors\u003c/a\u003e",
    crossOrigin: true
  }).addTo(map);
  var polygon = L.polygon([8.94917, 125.54361],[9.00333023, 125.48916626], 
[8.85280991, 125.66551208]).addTo(map);
</script>
</body>
</html>

maptiler

javascript

html

openstreetmap

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-04-14 13:33:18

有几个问题阻止了地图的显示和加载的多边形形状：

源代码中的一些小错误，这是由行返回引起的:请参阅浏览器控制台来检查和更正这些错误。(注意，源代码中可能不存在这些内容，但可能是由于复制/粘贴源代码时行包装造成的)。

的主要问题是多边形坐标应该包装在数组中，如本例中的粗体所示：

var多边形= L.polygon( [ 8.94917,125.54361,9.00333023,125.48916626，8.85280991,125.66551208 ] )

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71872218

复制

相似问题

问Javascript:多边形未在地图上显示
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript:多边形未在地图上显示EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript:多边形未在地图上显示
EN