| 12
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 
 | <!DOCTYPE html>
<html>
<head>
<title>Java-Buddy: Google Maps</title>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<style>#mapcanvas { height: 360px; width: 100%}</style>
 
 
 
</head>
<body>
<h1>Java-Buddy: Google Maps</h1>
<div id="mapcanvas">
 
    <script type="text/javascript">
 
                                        var latlng = new google.maps.LatLng(35.857908, 10.598997);
                                        var Options = {
                                            zoom: 15,
                                            center: latlng,
                                            mapTypeId: google.maps.MapTypeId.ROADMAP
                                        };
                                        var map = new google.maps.Map(document.getElementById("mapcanvas"), Options);
                                        //var carMarkerImage = new google.maps.MarkerImage('resources/images/car.png');
                                        var marker = new google.maps.Marker({
                                            position: new google.maps.LatLng(35.857908, 10.598997),
                                            map: map,
                                            draggable: false,
                                            //icon: carMarkerImage,
                                            title: "",
                                            autoPan: true
 
                                        });
 
 
                                    </script>
 
 
</div>
</body>
</html> | 
Partager