Javascript 无法将标记添加到自定义平铺贴图

Javascript 无法将标记添加到自定义平铺贴图,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我是谷歌地图的新手。我一直在尝试使用自定义图像块(来自魔兽世界)为自己制作一张地图,我一直遵循以下指南: 我让地图显示出来,诸如此类的一切都在运作。但现在我正在尝试添加标记,但它们不会出现,有人能帮忙吗 这是我的代码:(没有标记代码。) html{高度:100%} 正文{高度:100%;边距:0px;填充:0px} #地图画布{高度:100%;z索引:0;} #gmnoprint{width:auto;} 谷歌魔兽世界地图 函数CustomMapType(){ } CustomMapType.

我是谷歌地图的新手。我一直在尝试使用自定义图像块(来自魔兽世界)为自己制作一张地图,我一直遵循以下指南:

我让地图显示出来,诸如此类的一切都在运作。但现在我正在尝试添加标记,但它们不会出现,有人能帮忙吗

这是我的代码:(没有标记代码。)


html{高度:100%}
正文{高度:100%;边距:0px;填充:0px}
#地图画布{高度:100%;z索引:0;}
#gmnoprint{width:auto;}
谷歌魔兽世界地图
函数CustomMapType(){
}
CustomMapType.prototype.tileSize=新的google.maps.Size(256256);
CustomMapType.prototype.maxZoom=7;
CustomMapType.prototype.getTile=函数(坐标、缩放、所有者文档){
var div=ownerDocument.createElement('div');
var baseURL=http://d1m6g5gl70bc4l.cloudfront.net/';
baseURL+=zoom+'''.'+coord.x+'.''+coord.y+'.png';
div.style.width=this.tileSize.width+'px';
div.style.height=this.tileSize.height+'px';
div.style.backgroundColor='#1B2D33';
div.style.backgroundImage='url('+baseURL+');
返回div;
};
CustomMapType.prototype.name=“自定义”;
CustomMapType.prototype.alt=“平铺坐标贴图类型”;
var映射;
var CustomMapType=新的CustomMapType();
函数初始化(){
变量映射选项={
minZoom:2,
最大缩放:7,
是的,
mapTypeControl:false,
街景控制:错误,
中心:新google.maps.LatLng(0,0),
缩放:3,
mapTypeControlOptions:{
MapTypeId:['custom',google.maps.MapTypeId.ROADMAP],
样式:google.maps.MapTypeControlStyle.DROPDOWN_菜单
}
};
map=new google.maps.map(document.getElementById(“map_canvas”),mapOptions);
map.mapTypes.set('custom',CustomMapType);
setMapTypeId('custom');
}
请参见, 要将标记添加到地图,请使用“地图”属性

  var marker = new google.maps.Marker({
    position: map.getCenter(),
    map: map,
    title: "Hello World!"
  });
代码片段:

函数初始化(){
变量映射选项={
minZoom:2,
最大缩放:7,
是的,
mapTypeControl:false,
街景控制:错误,
中心:新google.maps.LatLng(0,0),
缩放:3,
mapTypeControlOptions:{
MapTypeId:['custom',google.maps.MapTypeId.ROADMAP],
样式:google.maps.MapTypeControlStyle.DROPDOWN_菜单
}
};
map=new google.maps.map(document.getElementById(“map_canvas”),mapOptions);
map.mapTypes.set('custom',CustomMapType);
setMapTypeId('custom');
//要将标记添加到地图,请使用“地图”属性
var marker=new google.maps.marker({
位置:map.getCenter(),
地图:地图,
标题:“你好,世界!”
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);
函数CustomMapType(){}
CustomMapType.prototype.tileSize=新的google.maps.Size(256,256);
CustomMapType.prototype.maxZoom=7;
CustomMapType.prototype.getTile=函数(坐标、缩放、所有者文档){
var div=ownerDocument.createElement('div');
var baseURL=http://d1m6g5gl70bc4l.cloudfront.net/';
baseURL+=zoom+'''.'+coord.x+'.''+coord.y+'.png';
div.style.width=this.tileSize.width+'px';
div.style.height=this.tileSize.height+'px';
div.style.backgroundColor='#1B2D33';
div.style.backgroundImage='url('+baseURL+');
返回div;
};
CustomMapType.prototype.name=“自定义”;
CustomMapType.prototype.alt=“平铺坐标贴图类型”;
var映射;
var CustomMapType=新的CustomMapType()
html{
身高:100%
}
身体{
身高:100%;
边际:0px;
填充:0px
}
#地图画布{
身高:100%;
z指数:0;
}
#gmnoprint{
宽度:自动;
}

请提供一个示例,说明您所询问的问题。如果没有任何标记代码,您可能无法显示标记(显然)。您是如何添加无效的标记的?(来自文件)
  var marker = new google.maps.Marker({
    position: map.getCenter(),
    map: map,
    title: "Hello World!"
  });