百度地图标记色块

2021-04-06 / 0 评论 / 1,131 阅读 / 正在检测是否收录...

04/06

温馨提示：

本文最后更新于2024年03月18日，已超过305天没有更新，若内容或图片失效，请留言反馈。

<!DOCTYPE html> 
<html>
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Hello, World</title> 
<style type="text/css"> 
html{height:100%} 
body{height:100%;margin:0px;padding:0px} 
#container{height:100%} 
</style> 
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=OzWSumAeRHXvCB0aVy1NiIywdsxMhIGZ">
</script>
</head> 
  
<body> 
<div id="container"></div>
<script type="text/javascript">
var map = new BMapGL.Map("container");
// 创建地图实例 
var point = new BMapGL.Point(117.164254,36.661088);
// 创建点坐标 
map.centerAndZoom(point, 18);
map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
// 初始化地图，设置中心点坐标和地图级别
map.setMapType(BMAP_EARTH_MAP);      // 设置地图类型为地球模式
var polygon = new BMapGL.Polygon([
        new BMapGL.Point(117.163848,36.660984),
        new BMapGL.Point(117.164566,36.66126),
        new BMapGL.Point(117.164634,36.661155),
        new BMapGL.Point(117.163919,36.660876)
    ], {strokeColor:"blue", strokeWeight:2, strokeOpacity:1,fillColor:"red"});
map.addOverlay(polygon);
</script> 
</body> 
</html>

坐标点越多形状越精确。

百度地图标记色块

评论 (0)