在 Modules.map 视图 Appcelerator Studio 中自定义图像?
custom Image in Modules.map view Appcelerator Studio?
我目前一直在尝试在 appcelerator studio 的 google 地图上实现自定义图像。
自定义图像应该像 Modules.map.circle 对象一样工作,或者几乎完全一样,但使用图像而不是圆圈。有什么办法可以做到这一点?我已经设置了注释,所以我想尽量避免在注释上使用自定义图像。另一个注意事项是,我正在使用多个图像来制作像精灵一样的动画。 (例如 ex001.png、ex002.png 等)
我尝试过的一些选项:
- 使用视图,将其添加到地图视图,然后尝试 lng/lat 到像素的转换。
- 使用 Annotation,然后使用 customView 属性 作为 imageView。
编辑:
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
此外,不能使用多张图片进行标注。
我目前一直在尝试在 appcelerator studio 的 google 地图上实现自定义图像。
自定义图像应该像 Modules.map.circle 对象一样工作,或者几乎完全一样,但使用图像而不是圆圈。有什么办法可以做到这一点?我已经设置了注释,所以我想尽量避免在注释上使用自定义图像。另一个注意事项是,我正在使用多个图像来制作像精灵一样的动画。 (例如 ex001.png、ex002.png 等)
我尝试过的一些选项:
- 使用视图,将其添加到地图视图,然后尝试 lng/lat 到像素的转换。
- 使用 Annotation,然后使用 customView 属性 作为 imageView。
编辑:
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
此外,不能使用多张图片进行标注。