Javascript 如何添加Google maker地图名称和说明
我有个问题。这是谷歌地图JavaScript代码。我想添加标记名和描述,以及鼠标悬停效果中显示的标记。 谢谢Javascript 如何添加Google maker地图名称和说明,javascript,wordpress,google-maps,Javascript,Wordpress,Google Maps,我有个问题。这是谷歌地图JavaScript代码。我想添加标记名和描述,以及鼠标悬停效果中显示的标记。 谢谢 var映射; 函数initMap(){ map=new google.maps.map(document.getElementById('map'){ 缩放:15, 中心:新google.maps.LatLng(-33.91722151.23064), mapTypeId:“路线图” }); 变量图标={ 停车场:{ 图标:“icon32.png” } }; 变量特征=[ { 位置:新
var映射;
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
缩放:15,
中心:新google.maps.LatLng(-33.91722151.23064),
mapTypeId:“路线图”
});
变量图标={
停车场:{
图标:“icon32.png”
}
};
变量特征=[
{
位置:新google.maps.LatLng(-33.91721151.22630),
类型:“停车”
}, {
位置:新google.maps.LatLng(-33.915391151.22820),
类型:“停车”
}
];
//创建标记。
features.forEach(函数(feature){
var marker=new google.maps.marker({
位置:feature.position,
图标:图标[feature.type]。图标,
地图:地图
});
});
}
您应该使用此修改后的代码来实现以下目标:
<script>
var infowindows = [];
var map;
var Markers = [
['Palace of Westminster', 'London', '51.499332, -0.124659'],
['Tower Bridge', 'London', '51.505396, -0.075432'],
];
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 15,
center: new google.maps.LatLng(51.485570, -0.129103),
mapTypeId: 'roadmap'
});
var icons = {
parking: {
icon: 'icon32.png'
}
};
// Create markers.
for (var i=0; i<Markers.length; i++) {
var contentString = '<div class="infoWindow"><strong>' + Markers[i][0] + '<\/strong>' +
'<br>' + Markers[i][1] + '<\/div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
latLngString = Markers[i][2];
latLngString = latLngString.replace("(","");
latLngString = latLngString.replace(")","");
latLngString = latLngString.trim();
var lat = latLngString.split(",")[0].trim();
var lng = latLngString.split(",")[1].trim();
var latLng = new google.maps.LatLng(lat, lng);
var marker = new google.maps.Marker({
map: map,
position: latLng,
icon: icons[parking].icon,
});
google.maps.event.addListener(marker, 'mouseover', function() {
infowindow.open(map, marker);
});
google.maps.event.addListener(marker, 'mouseout', function() {
infowindow.close(map, marker);
});
infowindows.push(infowindow);
}
}
</script>
var infowindows=[];
var映射;
变量标记=[
[威斯敏斯特宫','伦敦','51.499332,-0.124659'],
[Tower Bridge'、'London'、'51.505396、-0.075432'],
];
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
缩放:15,
中心:新google.maps.LatLng(51.485570,-0.129103),
mapTypeId:“路线图”
});
变量图标={
停车场:{
图标:“icon32.png”
}
};
//创建标记。
for(var i=0;它包含您的代码。您可以在不使用foreach的情况下添加此代码吗。例如['lause of Westminster,London',-33.840282151.207474]
<script>
var infowindows = [];
var map;
var Markers = [
['Palace of Westminster', 'London', '51.499332, -0.124659'],
['Tower Bridge', 'London', '51.505396, -0.075432'],
];
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 15,
center: new google.maps.LatLng(51.485570, -0.129103),
mapTypeId: 'roadmap'
});
var icons = {
parking: {
icon: 'icon32.png'
}
};
// Create markers.
for (var i=0; i<Markers.length; i++) {
var contentString = '<div class="infoWindow"><strong>' + Markers[i][0] + '<\/strong>' +
'<br>' + Markers[i][1] + '<\/div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
latLngString = Markers[i][2];
latLngString = latLngString.replace("(","");
latLngString = latLngString.replace(")","");
latLngString = latLngString.trim();
var lat = latLngString.split(",")[0].trim();
var lng = latLngString.split(",")[1].trim();
var latLng = new google.maps.LatLng(lat, lng);
var marker = new google.maps.Marker({
map: map,
position: latLng,
icon: icons[parking].icon,
});
google.maps.event.addListener(marker, 'mouseover', function() {
infowindow.open(map, marker);
});
google.maps.event.addListener(marker, 'mouseout', function() {
infowindow.close(map, marker);
});
infowindows.push(infowindow);
}
}
</script>