Javascript 向google js地图添加多个位置
我正试图将3个地点添加到一个谷歌地图中,这张地图已经嵌入到我正在开发的网站中。现在,地图正在使用单个定位销按预期工作。有没有办法修改js文件来添加额外的点Javascript 向google js地图添加多个位置,javascript,google-maps,Javascript,Google Maps,我正试图将3个地点添加到一个谷歌地图中,这张地图已经嵌入到我正在开发的网站中。现在,地图正在使用单个定位销按预期工作。有没有办法修改js文件来添加额外的点 // ========== START GOOGLE MAP ========== // function initialize() { var myLatLng = new google.maps.LatLng(30.227686, -81.386146); var mapOptions = { zoom: 14, center:
// ========== START GOOGLE MAP ========== //
function initialize() {
var myLatLng = new google.maps.LatLng(30.227686, -81.386146);
var mapOptions = {
zoom: 14,
center: myLatLng,
disableDefaultUI: true,
scrollwheel: false,
navigationControl: false,
mapTypeControl: false,
scaleControl: false,
draggable: true,
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'roadatlas']
}
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: 'img/location-icon.png',
title: '',
});
var contentString = '<div style="max-width: 300px" id="content">'+
'<div id="bodyContent">'+
'<h5 class="color-primary"><strong>Location 1</br> Ponte Vedra Office</strong></h5>' +
'<p style="font-size: 12px">103 B Solana Road </br>' +
'Ponte Vedra, FL 32082</br>' +
'Phone: 904-273-2717</p>'+
'</div>'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
var styledMapOptions = {
name: 'US Road Atlas'
};
var usRoadMapType = new google.maps.StyledMapType(
roadAtlasStyles, styledMapOptions);
map.mapTypes.set('roadatlas', usRoadMapType);
map.setMapTypeId('roadatlas');
}
google.maps.event.addDomListener(window, "load", initialize);
// ========== END GOOGLE MAP ========== //
我试图在我的地图上包括以下3个纬度/经度集:
30.227686, -81.386146
30.650060, -81.455185
30.056330,-81.535824
谢谢 只需添加与上面实现marker对象类似的其他2个标记,但请确保为position指定不同的值。使用原始标记和两个附加标记的代码只需在第一个窗口上的一个信息窗口 代码段: //===============启动谷歌地图=========================// 函数初始化{ var map=new google.maps.Mapdocument.getElementById'map-canvas'; //我试图在我的地图上包括这3组纬度/经度:30.227686,-81.386146 30.650060,-81.455185 30.056330,-81.535824 var marker=new google.maps.marker{ 位置:new google.maps.LatLng30.227686,-81.386146, 地图:地图, //图标:“img/location icon.png”, 标题:“1”, }; var marker2=新的google.maps.Marker{ 位置:new google.maps.LatLng30.650060,-81.455185, 地图:地图, //图标:“img/location icon.png”, 标题:"2",, }; var marker3=新的google.maps.Marker{ 位置:new google.maps.LatLng30.056330,-81.535824, 地图:地图, //图标:“img/location icon.png”, 标题:"3",, }; //显示地图上的所有标记,替换mapOptions中的强制缩放/中心参数 var bounds=new google.maps.LatLngBounds; bounds.extendmarker.getPosition; bounds.extendmarker2.getPosition; bounds.extendmarker3.getPosition; map.fitbundsbounds; var contentString=+ + “Ponte Vedra办公室1号位置”+ “
103索拉纳路B”+ “佛罗里达州韦德拉桥32082”+ “电话:904-273-2717”+ + ; var infowindow=new google.maps.infowindow{ 内容:contentString }; google.maps.event.addListenermarker“单击”功能{ infowindow.openmap,标记; }; var styledMapOptions={ 名称:“美国道路地图册” }; var usroadmotype=new google.maps.StyledMapType 道路交通方式、交通方式; map.mapTypes.set'roadatlas',USRoadType; map.setMapTypeId‘道路地图集’; } google.maps.event.AddDomainListenerWindow,加载,初始化; //=============结束谷歌地图==============// html, 身体 地图画布{ 身高:100%; 宽度:100%; 边际:0px; 填充:0px } 可能重复的