Html 带有地标和描述的谷歌地图

如何创建一个谷歌地图链接，嵌入到一个HTML页面中，在下面的图片中有一个地标和类似照片的描述

---

@Sebastian，您需要使用谷歌地图API提供的“信息窗口”。你可以看到这个谷歌的例子

例如：

map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
var InfoWindow = new google.maps.InfoWindow({
    map: map,
    position: myLocation,
    content:
        '<h1>Location pinned from HTML5 Geolocation!</h1>' +
        '<h2>Latitude: ' + position.coords.latitude + '</h2>' +
        '<h2>Longitude: ' + position.coords.longitude + '</h2>'
    });

map=new google.maps.map（document.getElementById（'map\u canvas'），mapOptions）；
var InfoWindow=new google.maps.InfoWindow({
地图：地图，
位置：myLocation，
内容：
'从HTML5地理位置锁定的位置！'+
'纬度：'+position.coords.Latitude+''+
'经度：'+position.coords.Longitude+''
});

变量“map”是带有选项的地图画布，然后使用地图创建一个新的信息窗口，在本例中，位置是我的当前位置（“var myLocation=new google.maps.LatLng（position.coords.latitude，position.coords.longitude）；”）。和内容，你可以使用html和你的变量来创建视觉效果