Php 有没有办法用字母标记我的地图标记？ 函数初始化（）{ var映射； var bounds=new google.maps.LatLngBounds（）； 变量映射选项={ mapTypeId:“路线图” }; //在页面上显示地图 map=new google.maps.map（document.getElementById（“map_canvas”），mapOptions）； 地图.设置倾斜（45）； //多重标记 变量标记=[ [Joe Brown Park，新奥尔良，30.030342，-89.966561]， ['City Park，NewOrleans'，29.993514，-90.098118] ]; //信息窗口内容 var infoWindowContent=[ [ “乔·布朗公园”+ 该公园以美国最大的独立石油生产商之一命名，提供全年活动+ ''], [ “城市公园”+ 路易斯安那州新奥尔良市的一个1300英亩的公园是美国第87大也是第7大游客最多的城市公园+ ''], ]; //在地图上显示多个标记 var infoWindow=new google.maps.infoWindow（），marker，i； //在我们的标记阵列中循环并将每个标记放置在地图上 对于（i=0；i

我可以只向我的工作地图或简单的东西添加一个图标变量吗？或者我需要更改大部分代码才能将字母添加到我的标记中吗？提前感谢您可以在标记数组中添加另一列：

function initialize() {
var map;
var bounds = new google.maps.LatLngBounds();
var mapOptions = {
    mapTypeId: 'roadmap'
};

// Display a map on the page
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
map.setTilt(45);

// Multiple Markers

var markers = [
    ['Joe Brown Park, New Orleans',             30.030342, -89.966561],
    ['City Park, New Orleans',                  29.993514, -90.098118]
];

// Info Window Content
var infoWindowContent = [

    [
    '<h3>Joe Brown Park</h3>' +
    '<h3>Named after 1 of the states largest independent oil producers, this park offers year-round events.</h3>' +
    '</div>'],
    [
    '<h3>City Park </h3>' +
    '<h3>A 1,300 acre public park in New Orleans, Louisiana, is the 87th largest and 7th-most-visited urban public park in the United States.</h3>' +
    '</div>'],
];

// Display multiple markers on a map
var infoWindow = new google.maps.InfoWindow(), marker, i;

// Loop through our array of markers & place each one on the map  
for( i = 0; i < markers.length; i++ ) {
    var position = new google.maps.LatLng(
        markers[i][1], 
        markers[i][2],
        markers[i][3]);
    bounds.extend(position);
    marker = new google.maps.Marker({
        position: position,
        map: map,
        title: markers[i][0]
    });

    // Allow each marker to have an info window    
    google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
            infoWindow.setContent(infoWindowContent[i][0]);
            infoWindow.open(map, marker);
        }
    })(marker, i));

}

然后在添加标记的循环中，只需添加图标：并指向数组中的图标列

var markers = [
    ['Joe Brown Park, New Orleans',             30.030342, -89.966561,'','PATHTOICON/icon1.png'],
    ['City Park, New Orleans',                  29.993514, -90.098118,'','PATHTOICON/icon2.jpg']
];

for（i=0；iicon:markers[i][4]/Google Maps Javascript API v3支持，这将使用数组中标记的编号（从零开始）标记您的标记

for( i = 0; i < markers.length; i++ ) {
    var position = new google.maps.LatLng(
        markers[i][1], 
        markers[i][2],
        markers[i][3]);
    bounds.extend(position);
    marker = new google.maps.Marker({
        position: position,
        map: map,
        title: markers[i][0],
        icon: markers[i][4]// <=== each marker can have its own icon
    });

如果希望它是字母，可以将字母作为第四个元素添加到数组中，也可以将数组索引转换为字母：

marker = new google.maps.Marker({
  position: position,
  map: map,
  title: markers[i][0],
  label: ""+i
});


代码片段：


函数初始化（）{
var映射；
var bounds=new google.maps.LatLngBounds（）；
变量映射选项={
mapTypeId:“路线图”
};
//在页面上显示地图
map=new google.maps.map（document.getElementById（“map_canvas”），mapOptions）；
地图.设置倾斜（45）；
//多重标记
变量标记=[
[Joe Brown Park，新奥尔良，30.030342，-89.966561]，
['City Park，NewOrleans'，29.993514，-90.098118]
];
//信息窗口内容
var infoWindowContent=[
[
“乔·布朗公园”+
该公园以美国最大的独立石油生产商之一命名，提供全年活动+
''
],
[
“城市公园”+
路易斯安那州新奥尔良市的一个1300英亩的公园是美国第87大也是第7大游客最多的城市公园+
''
],
];
//在地图上显示多个标记
var infoWindow=new google.maps.infoWindow（），marker，i；
//在我们的标记阵列中循环并将每个标记放置在地图上
对于（i=0；i

html，
身体，
#地图画布{
宽度：100%；
身高：100%；
保证金：0；
填充：0；
}

感谢您提供的信息链接和快速回复。您为什么要记下答案？不知道是怎么回事。抱歉@binaryghost
var label = String.fromCharCode(65+i);
marker = new google.maps.Marker({
  position: position,
  map: map,
  title: markers[i][0],
  label: label
});