点击按钮后Google地图位置会更改。不幸的是标记不会显示在位置上
在更改位置时是否有显示标记的选项?
var map;
$(document).ready(function() {
initialize();
$("#panLA").click(function() {
var laLatLng = new google.maps.LatLng(34.01131647557699, -118.25599389648437);
map.panTo(laLatLng);
});
$("#panLB").click(function() {
var laLatLng = new google.maps.LatLng(33.70131647557699, -118.15599389648437);
map.panTo(laLatLng);
});
$("#london").click(function() {
var laLatLng = new google.maps.LatLng(51.501417, -0.020886);;
map.panTo(laLatLng);
});
$("#leeds").click(function() {
var laLatLng = new google.maps.LatLng(53.708214, -1.621459);
map.panTo(laLatLng);
});
$("#cambridge").click(function() {
var laLatLng = new google.maps.LatLng(52.231462, 0.147424);
map.panTo(laLatLng);
});
$("#edinburg").click(function() {
var laLatLng = new google.maps.LatLng(55.94756, -3.211026);
map.panTo(laLatLng);
});
$("#miami").click(function() {
var laLatLng = new google.maps.LatLng(25.77248, -80.186847);
map.panTo(laLatLng);
});
});
function initialize() {
var myLatlng = new google.maps.LatLng(51.5120, -0.12);
var myOptions = {
zoom: 16,
center: myLatlng,
// center: new google.maps.LatLng(51.5120, -0.12),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
var marker = new google.maps.Marker({
position: myLatlng,
icon: "http://unfold.no/css/images/map-marker.png",
map: map
});
}
google.maps.event.addDomListener(window, "load", initialize);
DEMO:http://jsfiddle.net/sweetmaanu/D2W3j/16/
DEMO(带标记):http://jsfiddle.net/sweetmaanu/D2W3j/17/
答案 0 :(得分:1)
从标记创建中删除var
- 关键字(以使marker
全局可访问),并在点击回调中调用标记的setPosition
- 方法:
marker.setPosition(laLatLng);
这是一个有效的JSFiddle