Использование google maps API

1
2

<script type="text/javascript" src="js/jquery-ui/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>

1
2
3
4
5
6
7
8
9
10
11
12

<script type="text/javascript">
$(document).ready(function() {
        var latlng = new google.maps.LatLng(47.3782, 8.53406);
        var myOptions = {
                zoom: 13, // Устанавливаем зум
                center: latlng, // Начальные координаты
                mapTypeId: google.maps.MapTypeId.ROADMAP // Тип карты(карта дорог)
        };
        var map = new google.maps.Map(document.getElementById("map"), myOptions);
});
</script>
<div id="map" style="width:500px;height:500px;"></div>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<script type="text/javascript">
$(document).ready(function() {
        var latlng = new google.maps.LatLng(47.3782, 8.53406);
        var myOptions = {
                zoom: 13, // Устанавливаем зум
                center: latlng, // Начальные координаты
                mapTypeId: google.maps.MapTypeId.ROADMAP // Тип карты(карта дорог)
        };
        var map = new google.maps.Map(document.getElementById("map"), myOptions);
        
        marker = new google.maps.Marker({
                position: new google.maps.LatLng(40.3242342, -39.32423423),
                map: map,
                icon: 'images/icon.png',
                title: 'Заголовок маркера'
        });
});
</script>
<div id="map" style="width:500px;height:500px;"></div>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<script type="text/javascript">
$(document).ready(function() {
 
        var lng = -40.344353;
        var lat = 40.3443434;
        var geocoder = new google.maps.Geocoder();
        var latlng = new google.maps.LatLng(lat, lng);
        geocoder.geocode({'latLng': latlng}, function(results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                        if (results[0]) {
                                var place = results[0].formatted_address;
                                return place;
                        }
                } else {
                        return false;
                }
        });
        
});
</script>