Мой HTML код выглядит так:Как добавить адрес в карту маркера google?
<a href="#" class="button" data-latLng="53#separator#-1.33#separator#Address 1">Button 1</a>
<a href="#" class="button" data-latLng="-34.397#separator#150.644#separator#Address 2">Button 2</a>
<div id="map-canvas"></div>
Мой Javascript код выглядит так:
$(document).on("click", ".button", function(e) {
e.preventDefault();
var latLng = $(this).attr("data-latLng");
initialize(latLng);
function initialize(latLng) {
console.log(latLng);
latLng = latLng.split("#separator#");
address = latLng[2];
console.log(address);
var map;
var myCenter=new google.maps.LatLng(latLng[0],latLng[1]);
var marker=new google.maps.Marker({
position:myCenter
});
var mapProp = {
center: myCenter,
zoom: 14,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
map=new google.maps.Map(document.getElementById("map-canvas"),mapProp);
marker.setMap(map);
...
};
...
});
Demo как это: https://jsfiddle.net/oscar11/b0ahcLxw/
Я хочу отображения адреса в маркерной Google карте, но я все еще смущен. Таким образом, при нажатии кнопки карта автоматически отображает адрес на маркере.
Любое решение для решения моей проблемы?
Большого спасибо
Благодарим Вас за ответь на мой вопрос. Но я хотел, адрес автоматически появляется без маркера кликов. Таким образом, при нажатии кнопки карта автоматически направляет адрес на маркер. –
Вы можете сделать это тоже –
Я обновил свой ответ, пожалуйста, посмотрите. –