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

custom Image in Modules.map view Appcelerator Studio?

我目前一直在尝试在 appcelerator studio 的 google 地图上实现自定义图像。

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

我尝试过的一些选项:

编辑:

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);

我正在使用加载的左侧和顶部 属性 将 lng/lat 转换为像素,他们称之为墨卡托投影。它最终对我不起作用,所以作为一种手段,我使用了注释,并且在注释内部将是一个视图,该视图几乎一直在更改视图,但这也不起作用。

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

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

此外,不能使用多张图片进行标注。