google map api v3 - поместите маркер внизу карты div

Question

Я пытаюсь создать приложение поиска на основе местоположения. Мне нужно отображать результаты поиска с помощью маркера. С помощью примера кода маркера из API javascript карты Google маркер отображается в центре карты div. Мне нужно указать маркер внизу карты, чтобы я мог показать результат поиска над маркером.

Проверьте этот URL http://www.groupon.com/now#/categories?address=denver&hint=47.5615%2C-52.7127&lat=39.7391536&lng=-104.9847034. Он показывает маркер внизу, если на карте. Мне нужно показывать, как это.

Answer 1

Размещение маркера не заставляет карту центрироваться на нем - сама карта устанавливается так, что ее центральная точка совпадает с маркером. Вам нужно установить центр карты так, чтобы он был «выше» (по широте) центра маркера. используйте .setCenter(LatLng) на объекте карты.

Answer 2

Основываясь на ответе Оливера (спасибо), вот что я сделал, чтобы решить эту проблему.В https://developers.google.com/maps/documentation/javascript/reference мы видим, что мы должны добавить map.setCenter({lat: -34, lng: 151}); - я поместил его после этой строки var myLatlng = new google.maps.LatLng(your latitude, your longitude);

Чтобы получить значения, я открыл карту Google и нажал на свою область, указатель отображается внизу страницы, и я вижу широту и долготу (они нам нужны для линии var myLatlng = new google.maps.LatLng(your latitude, your longitude);).Затем я перетащил карту вниз и снова щелкнул по центру карты, чтобы увидеть латит.и долго.этой области, и эти два будут добавлены в строку, которую вы должны добавить - map.setCenter({lat: new latitude value, lng: new longitude value});

Answer 3

API Google Map имеет функцию для установки центральной точки обзора. Если вы не предоставите его, центрируйте маркер lat / long, который вы предоставляете. Вам необходимо добавить / вычесть лат / длинна соответственно, чтобы установить центральное положение. Исходя из этого, я имею в виду, что вы должны взять текущую широту / длину маркера в отдельных переменных, добавить / вычесть значения, чтобы скорректировать центральную точку и установить центральную точку карты вместе с ними. Надеюсь, это поможет. :)