相关疑难解决方法(0)

谷歌地图API v3遮蔽除多边形外的一切除外

因此,到目前为止,我们已熟悉使用v3 API向Google地图添加形状:

$j('#map').gmap('addShape', 'Circle', { 
    'strokeWeight': 0, 
    'fillColor': "#008595", 
    'fillOpacity': 0.25, 
    'center': result[0].geometry.location, 
    'radius': 1500, 
    'clickable': false 
});
Run Code Online (Sandbox Code Playgroud)

上面的代码将创建一个圆圈并用填充#008595对其进行着色.有没有办法反向遮蔽地图?我希望整个世界被遮挡/填充半透明度,除了我的标记所在的洞.可能?

javascript google-maps google-maps-api-3

3
推荐指数
1
解决办法
2504
查看次数

带孔的世界地图的多边形(谷歌地图)

我正在尝试绘制一个带孔的矩形多边形.我的问题是我无法创建覆盖整个世界的多边形.多边形被反转,因此只选择一条线而不是整个世界.

下面是我能够做出的最大选择的例子.例如,如果我试图改变0(行中的新google.maps.LatLng(-85.1054596961173,0)),以任何其他值用于反转的选择.

也许我错过了一些明显的东西,但我似乎无法让它发挥作用.

function initialize() {
  var mapOptions = {
    zoom: 1,
    center: new google.maps.LatLng(24.886436490787712, -70.2685546875),
    mapTypeId: google.maps.MapTypeId.TERRAIN
  };


  var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

  var worldCoords = [
    new google.maps.LatLng(-85.1054596961173, -180),
    new google.maps.LatLng(85.1054596961173, 180),
    new google.maps.LatLng(85.1054596961173, 180),
   new google.maps.LatLng(-85.1054596961173,0)

  ];

  var EuropeCoords = [
              new google.maps.LatLng(29.68224948021748, -23.676965750000022),
              new google.maps.LatLng(29.68224948021748, 44.87772174999998),
              new google.maps.LatLng(71.82725578445813, 44.87772174999998),
              new google.maps.LatLng(71.82725578445813, -23.676965750000022)
    ];


  // Construct the polygon.
  poly = new google.maps.Polygon({
    paths: [worldCoords,EuropeCoords],
    strokeColor: '#000000',
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: '#000000',
    fillOpacity: 0.35 …
Run Code Online (Sandbox Code Playgroud)

google-maps

3
推荐指数
1
解决办法
2944
查看次数