как получить Google Maps API v3, чтобы показать точку? - PullRequest
Новая
       9

как получить Google Maps API v3, чтобы показать точку?

1 голос
/ 12 марта 2012

Я использую Google Maps Api v3 для отображения карты.

Это JQuery: 

<script type="text/javascript">
    var myOptions = {
         zoom: 8,
         center: new google.maps.LatLng($("#lat").val(), $("#long").val()),
          mapTypeId: google.maps.MapTypeId.HYBRID  
    };
    var map = new google.maps.Map(document.getElementById("map"), myOptions);

Но картане подчеркивает сутьЭто просто показывает область на карте ... я хотел бы, чтобы это выглядело так:

enter image description here

Ответы [ 2 ]

3 голосов
/ 12 марта 2012

Посмотрите на исходный код этого примера с маркером: http://code.google.com/apis/maps/documentation/javascript/examples/infowindow-simple.html

Пример использования вашего кода: 

    <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false"></script>

    <script type="text/javascript">
        function initialize() {

            var myLatlng = new google.maps.LatLng($("#lat").val(), $("#long").val());
            //var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
            var myOptions = {
                zoom: 8,
                center: myLatlng,
                mapTypeId: google.maps.MapTypeId.HYBRID
            };
            var map = new google.maps.Map(document.getElementById("map"), myOptions);

            var contentString = '<div id="content">Info window html</div>';

            var infowindow = new google.maps.InfoWindow({
                content: contentString
            });

            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                title: 'Marker Title'
            });

            google.maps.event.addListener(marker, 'click', function() {
                infowindow.open(map, marker);
            });
        }

    </script>
</head>
<body onload="initialize()">
<div id="map" style="width: 400px; height: 300px;"></div>
</body>
0 голосов
/ 12 марта 2012

Добавьте этот код под своим кодом 

var LatLng = new google.maps.LatLng($("#lat").val(), $("#long").val())
, Marker = new google.maps.Marker({ position: LatLng, map: map });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...