Ответ 1
Ниже приведены несколько примеров, которые помогут вам начать работу:
Использование API Google Maps v2:
<!DOCTYPE html>
<html>
<head>
<script src="http://maps.google.com/maps?file=api&v=2&sensor=false"
type="text/javascript"></script>
</head>
<body onunload="GUnload()">
<div id="map" style="width: 400px; height: 300px"></div>
<script type="text/javascript">
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(51.49, -0.12), 8);
</script>
</body>
</html>
Вам просто нужно изменить широту и долготу в методе GMap2.setCenter(). Последним параметром является уровень масштабирования.
Использование API Google Maps v3:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>
<body>
<div id="map" style="width: 400px; height: 300px"></div>
<script type="text/javascript">
var myOptions = {
zoom: 8,
center: new google.maps.LatLng(51.49, -0.12),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map"), myOptions);
</script>
</body>
</html>
При использовании версии 3 API Карт вам необходимо передать свои параметры в качестве параметров конструктору google.maps.Map(). Вышеприведенный пример должен быть самоочевидным.
Используя API статической карты:
<img src="https://maps.google.com/maps/api/staticmap?center=51.49,-0.12&zoom=8&size=400x300&sensor=false" style="width: 400px; height: 400px;" />
API статической карты, поскольку luca предложил, может быть очень хорошим идея.
Просто передайте параметры широты и долготы в теге изображения, как в приведенном выше примере. Он отобразит приведенную ниже карту, непосредственно отображаемую в Google: