Appcelerator Titanium自定义设计Map View

时间:2014-06-15 07:24:01

标签: javascript titanium mkmapview appcelerator

我需要在我的应用中使用谷歌地图,我尝试使用以下代码来实现我的设计,但没有运气。

这是我的代码,

var anno = Titanium.Map.createAnnotation({
        title : "150$",
        subtitle : "Its sub title",
        latitude : 37.390749,
        longitude : -122.081651,
        title : "Appcelerator Headquarters",
        subtitle : 'Mountain View, CA',
        pincolor : Titanium.Map.ANNOTATION_RED,
        image : "/images/MapPin.png",
        animate : true,
        leftButton : '/images/MapPin.png',
        myid : 1
    });

    var mapview = Titanium.Map.createView({
    borderColor : "red",
    mapType : Titanium.Map.STANDARD_TYPE,
    region : {
    latitude : 37.390749,
    longitude : -122.081651,
    latitudeDelta : 0.01,
    longitudeDelta : 0.01,
    },
    animate:true,
    regionFit:true,
    userLocation:false,
    annotations : [anno],
    });

上面代码的结果是,没有标签的注释,
Here is the design that i want to achieve
但是我想要一个带有一些文字的标签上的标签 有人有任何想法吗? 在此先感谢。

1 个答案:

答案 0 :(得分:0)

我担心将标题直接放在引脚上几乎是不可能的。但有一种更好的方法尝试创建一个视图以编程方式添加图像并在其上放置标签。然后将该视图转换为图像并将其作为图像...这是一种黑客但很适合你。希望这会有所帮助。