PDA

View Full Version : implement a info pop-up bar into Map



Roller89
7 Dec 2010, 4:47 AM
Hey Guys, hope ur ok?

Im working on a web locator app.

I need help with when "on click" on marker I need some kind of interaction more than just a white box with a text "info" I want to add more organized text, an image and a background each time u click on a marker

here's a image on what I have now

http://i54.tinypic.com/zv8ndt.jpg

here's my code


listeners : {
maprender : function(comp, map){
var directionsService = new google.maps.DirectionsService();
directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.setMap(map);

var userPosition;
navigator.geolocation.getCurrentPosition(function(position){
userPosition = { lat: position.coords.latitude, lng: position.coords.longitude };
}, function(){ console.log('error'); });

var platser = [
{title:'Beckis Idrottscenter', info:'Anläggningen ägs av Stockholms stads Idrottsförvaltning och drivs av Stockholms Handikapp Idrottsförbund. ', lat: 59.358166, lng: 17.89739},

I want do do something like this:

http://i54.tinypic.com/zks582.jpg

Now a rating system is not nessesary but I just want to make a simple design with a sencha frame perhaps?


all help is appriciated! sorry for my bad english!

take care

Vik