Простой код для вставки карты. Метка стоит по центру карты.
Код HTML
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
var map;
function initialize() {
var mapOptions = {
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
},
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
},
disableDefaultUI: true,
panControl: true,
// центр карты
center: new google.maps.LatLng(55.752183, 37.617861),
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map_canvas'),
mapOptions);
// метка
var marker = new google.maps.Marker({
map: map,
title:"Это заголовок метки" ,
position: map.getCenter()
});
// окошко с информацией
var infowindow = new google.maps.InfoWindow();
infowindow.setContent('Кремль<br/>Самое главное строение страны Москва');
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="map_canvas" style="width:520px;height:350px;background:#999;"></div>