使用有角度的谷歌地图自定义标记形状

时间:2015-11-16 20:24:13

标签: angularjs google-maps google-maps-api-3 angular-google-maps

我正在尝试在我的应用程序中使用角度谷歌地图(http://angular-ui.github.io/angular-google-maps/)指令,因此转换我的代码以使用该指令并在该过程中停留以将自定义形状应用于标记。

任何熟悉有角度谷歌地图的人都可以帮我解决这个问题,请查看下面提到的普通谷歌地图库中的代码,并让我知道如何使用有角度的谷歌地图指令来使用此代码。

new google.maps.Marker({
  position: latLng,
  map: map,
  icon: {
    url: 'path/to/icon',
    origin:new google.maps.Point(0,0),
    anchor:new google.maps.Point(3,4)
  },
  shape: {
    coords:[0, 6, 7, 0, 16, 0, 23, 6, 12, 12],
    type:"poly"
  }
});

1 个答案:

答案 0 :(得分:0)

是的,我在这里找到了解决方案,我们需要将其设置为OPTIONS对象的属性,如下所述:

        var firstName = document.getElementById('firstName');
        var alert = document.getElementById('check');

        function nameSecurityCheck() {
            var firstNameValue = firstName.value;
            if (firstNameValue.indexOf('1' || '2') === -1) {
                alert.textContent = 'no number';
            } else {
                alert.textContent = 'okey';
            }
        }
        firstName.addEventListener('blur', nameSecurityCheck, false);

注意:我在发布此问题之前尝试过此操作,但由于标记的ID属性重复,因此效果不佳,因此如果我们确保每个标记都有唯一的ID我们的地图中有一组标记。