如何在Google地图上创建边距?

时间:2016-03-25 15:36:30

标签: html html5 css3 google-maps

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

1 个答案:

答案 0 :(得分:0)

你所说的边距是多边形的周长,你可以用这种方式设置一个poligon边框的颜色

// 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是用于定义poligon边框的属性,fillColor和fillOpacity用于内容方面