Новичок | вот пример встраивания. создает карту в теге div , у которого id=map_canvas .
Код HTML: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>google shnaps</title> <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> <script type="text/javascript">
function initialize() {
var lating = new google.maps.LatLng(55.775849,37.621123); // 55.775849,37.621123 - это координаты.
var mapOptions = {
disableDefaultUI: true, // отключение интерфейса, чтобы отображалась только карта
zoom: 14, // величина приближения карты
center: lating, // центрирование на координаты, которые указывали мы.
mapTypeId: google.maps.MapTypeId.ROADMAP /*
в каком виде отображать.
ROADMAP – обычная двухмерная карта, используемая по умолчанию
SATELLITE – фотографическая карта
HYBRID – комбинация фотографий и слоя обычной карты с наиболее важными объектами (дорогами, названиями городов).
TERRAIN – физический рельеф местности с отображением высот и гидрографических объектов (гор, рек и т. д.).
*/
}
var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
}
</script> </head> <body onload="initialize()"> <div id="map_canvas" style="width: 700px; height: 400px;"> </div> </body> </html> |