html - 如何在 Google map 上创建边距?

标签 html css google-maps

<分区>


关闭 7 年前

如何在 HTML5 上的谷歌地图上创建边界或边距,这里是我试图实现的示例。 http://transpad.in/bwssb/ 彩色标记是我想要创建的,可以使用 css 完成还是有谷歌 api。 谢谢你

最佳答案

你所说的边距是多边形的周长,你可以这样设置多边形边框的颜色

// Define the LatLng coordinates for the polygon's path.
var triangleCoords = [
  {lat: 25.774, lng: -80.190},
  {lat: 18.466, lng: -66.118},
  {lat: 32.321, lng: -64.757},
  {lat: 25.774, lng: -80.190}
];

 // Construct the polygon.
 var triangle = new google.maps.Polygon({
   paths: triangleCoords,
   strokeColor: '#FF0000',
   strokeOpacity: 0.8,
   strokeWeight: 2,
   fillColor: '#FF0000',
   fillOpacity: 0.35
 });

strokeColor、strokeWeight 和 strokeOpacity 是定义多边形边界的属性,fillColor 和 fillOpacity 是内容方面的属性

关于html - 如何在 Google map 上创建边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36222993/

上一篇:html - 导航栏未正确位于菜单中

下一篇:html - 在 SQL+HTML 脚本生成的电子邮件中突出显示表格的第 3 行

相关文章:

javascript - 打印时加载 map 标记问题

html - 盒子阴影开关的过渡?

java - 嵌入 Java Applet

html - CSS 样式表未加载

html - 列表项格式不正确

css - 将 Bootstrap 5 设置为自定义 REM 字体大小

jquery - 使用 jquery 单击 GEvent.addListener

javascript - 鼠标悬停、鼠标悬停并单击谷歌地图上的同一标记

html - HTML 中的高度百分比问题

javascript - 检查图像是否存在与多个背景图像