如何设置原始网站上显示的google-maps标记

Question

Try to Search the first address on google maps, and click on it :

it will show us a marker with a photo (if avaiable), description, and some links. I'd like to add the same marker in my web application.

Which API I need to use? At the moment I just make my own string and append it :

var finestra='';
finestra += '<div style="position:relative;width:200px;">';
finestra += '<div style="position:relative;float:left; color:#000000;" class=canale>';
finestra += 'Archimede<br />Via Brennero,12<br />38100 Trento(TN)<br />c.+39 555555555';
finestra += '</div>';
finestra += '</div>';

var marker = createMarker(map.getCenter());
map.setCenter(new GLatLng(46.084989,11.118851), 16, G_NORMAL_MAP);
map.addOverlay(marker);
marker.openInfoWindowHtml(finestra);    

But I need the same marker as google maps show on the original website. Is it possible?

Answer 1

You need to use a custom overlay . Here is an example: custom marker