Google maps “;未捕获引用错误:未定义初始化”;
我仍然有谷歌地图初始化的问题。 我也看不到所有插入的标记。 我声明我不懂javascript,我发现很难理解我错在哪里。 我看了几篇文章,提出了我自己的问题,但我没有成功地找到解决问题的办法 这是我的文件googlemap.jsGoogle maps “;未捕获引用错误:未定义初始化”;,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我仍然有谷歌地图初始化的问题。 我也看不到所有插入的标记。 我声明我不懂javascript,我发现很难理解我错在哪里。 我看了几篇文章,提出了我自己的问题,但我没有成功地找到解决问题的办法 这是我的文件googlemap.js var标记=[ ['马耳他总部,35.895079,14.49011], ['摩纳哥公国办公桌,43.75042,7.438238], [比利时办公桌,50.50389,4.46994], ['塞浦路斯办公桌,35.038174,33.40443], ['香港办公桌,2
var标记=[
['马耳他总部,35.895079,14.49011],
['摩纳哥公国办公桌,43.75042,7.438238],
[比利时办公桌,50.50389,4.46994],
['塞浦路斯办公桌,35.038174,33.40443],
['香港办公桌,22.354694114.131719],
[泽西岛办公桌,40.727865,-74.078228],
['荷兰办公桌,52.106505,5.515137],
['俄罗斯和独联体办公桌,55.719648,37.567421],
[英国办公厅,52.509535,-0.791016],
['中国办公桌,34.412677,103.954634],
['格恩西岛办公桌,40.725812,-73.954167],
[爱尔兰办公桌,40.737158,-73.886638],
['卢森堡办公桌,49.614561,6.132495],
['毛里求斯办公桌,-20.286556,57.504439],
[纽约办公桌,40.729379,-74.003781],
['新加坡办公桌,1.283094103.8439]
];
函数初始化映射(){
var latlng=新的google.maps.latlng(35.895079,14.49011);
变量myOptions={
缩放:15,
中心:拉特林,
导航控制:错误,
navigationControlOptions:{style:google.maps.NavigationControlStyle.NORMAL},
街景控制:错误,
//
动物控制:对,
ZoomControl选项:{
样式:google.maps.ZoomControlStyle.SMALL,
位置:google.maps.ControlPosition.TOP_左
},
mapTypeControl:true,
导航控制:错误,
mapTypeControlOptions:{
位置:google.maps.ControlPosition.TOP\右,样式:google.maps.MapTypeControlStyle.DROPDOWN\菜单,
MapTypeId:[google.maps.MapTypeId.TERRAIN,google.maps.MapTypeId.ROADMAP,google.maps.MapTypeId.SATELLITE,“blackMap”]
},
};
var map=new google.maps.map(document.getElementById(“map_canvas”),myOptions);
//Bl地图样式
变量styleBl=
[
{
“功能类型”:“水”,
“造型师”:[
{“饱和”:-21},
{“色调”:“#00e5ff”},
{“亮度”:21}
]
},{
“特色类型”:“景观”,
“造型师”:[
{“色调”:“#1f78c4”}
]
},{
“功能类型”:“道路”,
“elementType”:“labels.text”,
“造型师”:[
{“可见性”:“在”},
{“颜色”:“354a82”}
]
},{
},{
“featureType”:“poi.business”}
]
var styledmappotions={name:“Bl”}
var blMapType=new google.maps.StyledMapType(styleBwl,styledMapOptions);
map.mapTypes.set(“blackMap”,blMapType);
map.setMapTypeId(“黑地图”);
var infowindow=new google.maps.infowindow();
var标记,i;
var bounds=new google.maps.LatLngBounds();
对于(i=0;i
及
感谢您的任何帮助
谢谢,这是因为您正在将事件侦听器添加到一个不存在的函数(
initialize
)。您的函数名为initializeMaps
所以更改google.maps.event.adddomstener(窗口“加载”,初始化)代码>成为google.maps.event.addDomListener(窗口“加载”,初始化映射)代码>putvande,谢谢你的回答。你能帮我拿些记号笔吗?不是所有的标记都可见。当你说不是所有的标记都可见时,你的意思是它们不是都作为标记绘制在地图上,或者只是它们不都适合你缩放到的地图的可见部分?
var markers = [
['<b style="color:red;"></b></br> Main Office - Malta', 35.895079, 14.49011],
['<b style="color:red;"></br> Desk Office - Principaute de Monaco', 43.75042,7.438238],
['<b style="color:red;"></b></br> Desk Office - Belgium', 50.50389, 4.46994],
['<b style="color:red;"></b></br> Desk Office - Cyprus', 35.038174, 33.40443],
['<b style="color:red;"></b></br> Desk Office - Hong-Kong', 22.354694, 114.131719],
['<b style="color:red;"></b></br> Desk Office - Jersey', 40.727865, -74.078228],
['<b style="color:red;"></b></br> Desk Office - The Netherlands', 52.106505,5.515137],
['<b style="color:red;"></b></br> Desk Office - Russia & CIS', 55.719648, 37.567421],
['<b style="color:red;"></b></br> Desk Office - United Kingdom', 52.509535,-0.791016],
['<b style="color:red;"></b></br> Desk Office - China', 34.412677, 103.954634],
['<b style="color:red;"></b></br> Desk Office - Guernsey', 40.725812,-73.954167],
['<b style="color:red;"></b></br> Desk Office - Ireland', 40.737158, -73.886638],
['<b style="color:red;"></b></br> Desk Office - Luxembourg', 49.614561,6.132495],
['<b style="color:red;"></b></br> Desk Office - Mauritius', -20.286556, 57.504439],
['<b style="color:red;"></b></br> Desk Office - New-York', 40.729379, -74.003781],
['<b style="color:red;"></b></br> Desk Office - Singapore', 1.283094,103.8439]
];
function initializeMaps() {
var latlng = new google.maps.LatLng(35.895079, 14.49011);
var myOptions = {
zoom: 15,
center: latlng,
navigationControl: false,
navigationControlOptions: {style: google.maps.NavigationControlStyle.NORMAL},
streetViewControl: false,
//
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL,
position: google.maps.ControlPosition.TOP_LEFT
},
mapTypeControl: true,
navigationControl: false,
mapTypeControlOptions: {
position: google.maps.ControlPosition.TOP_RIGHT, style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
mapTypeIds: [google.maps.MapTypeId.TERRAIN, google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.SATELLITE, "blackMap"]
},
};
var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
//Bl map style
var styleBl =
[
{
"featureType": "water",
"stylers": [
{ "saturation": -21 },
{ "hue": "#00e5ff" },
{ "lightness": 21 }
]
},{
"featureType": "landscape",
"stylers": [
{ "hue": "#1f78c4" }
]
},{
"featureType": "road",
"elementType": "labels.text",
"stylers": [
{ "visibility": "on" },
{ "color": "#354a82" }
]
},{
},{
"featureType": "poi.business" }
]
var styledMapOptions = {name: "Bl"}
var blMapType = new google.maps.StyledMapType(styleBwl, styledMapOptions);
map.mapTypes.set("blackMap", blMapType);
map.setMapTypeId("blackMap");
var infowindow = new google.maps.InfoWindow();
var marker, i;
var bounds = new google.maps.LatLngBounds();
for (i = 0; i < markers.length; i++) {
var pos = new google.maps.LatLng(markers[i][1], markers[i][2]);
bounds.extend(pos);
marker = new google.maps.Marker({
position: pos,
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(markers[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
map.fitBounds(bounds);
}
google.maps.event.addDomListener(window, 'load', initialize);
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>