在Modules.map中自定义图像视图Appcelerator Studio?

时间:2016-07-29 17:14:53

标签: google-maps titanium appcelerator

我目前仍在尝试在谷歌地图上为appcelerator工作室实施自定义图片。

自定义Image应该像Modules.map.circle对象一样工作,或者几乎完全像它,但是使用图像而不是圆形。有什么方法可以做到这一点吗?我已经设置了注释,因此我想尽量避免在注释上使用自定义图像。另一方面是我使用多个图像像精灵一样制作动画。 (例如ex001.png,ex002.png等)

我尝试过的一些选项:

  • 使用视图,将其添加到地图的视图中,然后尝试使用lng / lat转换为px。
  • 使用注释,然后对imageView使用customView属性。

编辑:

var location = {lat: 43.2163, lng: 54.3461};
var loading = Ti.UI.createView({backgroundImage: '/images/image1.png'});
var load, loadingIndex = 1;

function loadingScreen() {
    loading.backgroundImage = '/images/image' + loadingIndex + '.png';

    loadingIndex++;
    if (loadingIndex == 20) loadingIndex = 1;
}

setInterval(loadingScreen, 80);

$.mapView.add(loading);

我使用loading的左侧和顶部属性将lng / lat转换为px,他们称之为墨卡托投影。它最终没有为我工作,所以作为一个度假胜地,我使用注释并在注释内部将是一个几乎一直会改变视图的视图,但这也没有用。

1 个答案:

答案 0 :(得分:0)

您应该使用Annotation的image属性。这将用您提供的图像替换注释的图钉。

请参阅文档:http://docs.appcelerator.com/platform/latest/#!/api/Modules.Map.Annotation-property-image

此外,您不能将多个图像用于注释。