Quantcast
Channel: Appcelerator Developer Center Q&A Unanswered Questions 20
Viewing all articles
Browse latest Browse all 8068

custom design Map View

$
0
0

I need to use google maps in my app, i have tried following code to achieve my design but no luck.

Here is my code,

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],
    });
The result of the above code is, an annotation without label on it, Here is the design that i want to achieve

Alt text . Anybody have any idea? Thanks in advance.


Viewing all articles
Browse latest Browse all 8068

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>