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

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


here's my code

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

var userPosition;
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:


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