Javascript 从jQuery/Js向googlemarker添加类

如何为在不同位置标记的每个标记添加一个

类

。这样我就可以在单击这些标记时执行

.fadeIn（）

&

.fadeOut（）

功能

我不认为加上这个就行了

var NewYork = new google.maps.Marker({
  position: mapOptions.center,
  map: map,
  icon: img
});
marker.addListener('click', changeContent);
}

function changeContent() {
    $("#klk-map-content-1").fadeOut(fast, function(){
        $("#klk-map-content-2").fadeIn("slow");
    });
}

左侧也是每个标记的内容。因此，当用户选择一个标记时，内容将发生更改

以下是片段：（请展开片段）

函数初始化（）{
变量映射选项={
中心：{
纬度：40.7499256，
液化天然气：-73.9854028
},
缩放：3，
动物控制：错误，
泛控制：错误，
街景控制：错误
};
var map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
变量img=”https://i.stack.imgur.com/JWM0W.png";
var NewYork=new google.maps.Marker({
位置：mapOptions.center，
地图：地图，
图标：img
});
var London=新的google.maps.Marker({
位置：{lat:51.5106122，lng:-0.1529072}，
地图：地图，
图标：img
});
var Paris=新的google.maps.Marker({
位置：{lat:48.8588589，lng:2.3470599}，
地图：地图，
图标：img
});
var HongKong=新的google.maps.Marker({
位置：{lat:22.2753729，lng:114.1757384}，
地图：地图，
图标：img
});
变量标记={
“纽约”：纽约，
“伦敦”：伦敦，
“巴黎”：巴黎，
‘香港’：香港
};
变量样式=[
{
“功能类型”：“水”，
“elementType”：“geometry.fill”，
“造型师”：[
{
“颜色”：“D3”
}
]
},
{
“featureType”：“transit”，
“造型师”：[
{
“颜色”：“8080”
},
{
“可见性”：“关闭”
}
]
},
{
“功能类型”：“道路.公路”，
“elementType”：“geometry.stroke”，
“造型师”：[
{
“可见性”：“打开”
},
{
“颜色”：“B3”
}
]
},
{
“功能类型”：“道路.公路”，
“elementType”：“geometry.fill”，
“造型师”：[
{
“颜色”：“#ffffff”
}
]
},
{
“功能类型”：“road.local”，
“elementType”：“geometry.fill”，
“造型师”：[
{
“可见性”：“打开”
},
{
“颜色”：“#ffffff”
},
{
“重量”：1.8
}
]
},
{
“功能类型”：“road.local”，
“elementType”：“geometry.stroke”，
“造型师”：[
{
“颜色”：“D7D7”
}
]
},
{
“featureType”：“poi”，
“elementType”：“geometry.fill”，
“造型师”：[
{
“可见性”：“打开”
},
{
“颜色”：“ebebeb”
}
]
},
{
“功能类型”：“管理”，
“elementType”：“几何体”，
“造型师”：[
{
“颜色”：“#A7A7”
}
]
},
{
“功能类型”：“道路干线”，
“elementType”：“geometry.fill”，
“造型师”：[
{
“颜色”：“#ffffff”
}
]
},
{
“功能类型”：“道路干线”，
“elementType”：“geometry.fill”，
“造型师”：[
{
“颜色”：“#ffffff”
}
]
},
{
“特色类型”：“景观”，
“elementType”：“geometry.fill”，
“造型师”：[
{
“可见性”：“打开”
},
{
“颜色”：“#efefef”
}
]
},
{
“功能类型”：“道路”，
“elementType”：“labels.text.fill”，
“造型师”：[
{
“颜色”：“#6969”
}
]
},
{
“功能类型”：“管理”，
“elementType”：“labels.text.fill”，
“造型师”：[
{
“可见性”：“打开”
},
{
“颜色”：“#7373”
}
]
},
{
“featureType”：“poi”，
“elementType”：“labels.icon”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“featureType”：“poi”，
“elementType”：“标签”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{
“功能类型”：“道路干线”，
“elementType”：“geometry.stroke”，
“造型师”：[
{
“颜色”：“#D6”
}
]
},
{
“功能类型”：“道路”，
“elementType”：“labels.icon”，
“造型师”：[
{
“可见性”：“关闭”
}
]
},
{},
{
“featureType”：“poi”，
“elementType”：“geometry.fill”，
“造型师”：[
{
“颜色”：“#达达”
}
]
}
];
setOptions（{styles:styles}）；
函数getCoords（位置）{
var text=position.replace（/[（）]/g'）.split（“，”）；
var lat=编号（文本[0]）；
var lng=编号（文本[1]）；
返回{
拉特：拉特，
液化天然气：液化天然气
};
}
$（'.nav li'）。在（'click'，函数（）{
$（'.nav li'）.removeClass（'active'）；
$（this.addClass（'active'）；
var id=$（this.attr（'id'）；
$（“#活动”）。设置动画({
“左边距”：$（此）.offset（）.left
});
var position=String（标记[id].getPosition（））；
panTo（新的google.maps.LatLng（getCoords（position.lat，getCoords（position.lng））；
});
}
google.maps.event.addDomListener（窗口“加载”，初始化）
*{
框大小：边框框！重要；
}
html，bod
var NewYork = new google.maps.Marker({
position: mapOptions.center,
map: map,
icon: img
});
marker.addListener('click', changeContent);
}

function changeContent() {
$("#klk-map-content-1").fadeOut(fast, function(){
    $("#klk-map-content-2").fadeIn("slow");
});
}

NewYork.addListener('click', changeContent);