Google maps 谷歌地图API自定义图标标记赢得'；t显示_Google Maps_Google Maps Api 3_Google Maps Markers

Google maps 谷歌地图API自定义图标标记赢得'；t显示

google-maps google-maps-api-3

Google maps 谷歌地图API自定义图标标记赢得'；t显示,google-maps,google-maps-api-3,google-maps-markers,Google Maps,Google Maps Api 3,Google Maps Markers,新的编码，所以提前道歉。。。我正在寻找添加自定义图标标记（多个）到我的地图，但即使显示一个也有困难（虽然地图本身显示良好）目前我的代码有什么问题？（下文）：试验 var map=new google.maps.map（document.getElementById（'map'）{ 缩放：11，中心：新google.maps.LatLng（53.480782，-2.2445527）， mapTypeId:google.maps.mapTypeId.ROADMAP }); var图像处理ht

新的编码，所以提前道歉。。。我正在寻找添加自定义图标标记（多个）到我的地图，但即使显示一个也有困难（虽然地图本身显示良好）

目前我的代码有什么问题？（下文）：


试验
var map=new google.maps.map（document.getElementById（'map'）{
缩放：11，
中心：新google.maps.LatLng（53.480782，-2.2445527），
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var图像处理https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png';
var marker=new google.maps.marker({
位置：{lat:53.480782，lng:-2.2445527}，
标题：“测试”，
地图：地图，
图标：图像
});
marker.setMap（map）；
google.maps.event.addDomListener（窗口“加载”，初始化）；

您没有初始化函数，因此代码在呈现DOM之前执行。查看javascript控制台，您将看到一个错误

uncaughttypeerror:cannotread属性'offsetWidth'为null

，如果您搜索，您将发现这是由于映射代码运行时未呈现

（相关问题：）

代码片段：

函数初始化（）{
var map=new google.maps.map（document.getElementById（'map'）{
缩放：11，
中心：新google.maps.LatLng（53.480782，-2.2445527），
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var图像处理https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png';
var marker=new google.maps.marker({
职位：{
拉脱维亚：53.480782，
液化天然气：-2.2445527
},
标题：“测试”，
地图：地图，
图标：图像
});
marker.setMap（map）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）
html，
身体，
#地图{
身高：100%；
宽度：100%；
边际：0px；
填充：0px
}

您没有初始化函数，因此代码在呈现DOM之前执行。查看javascript控制台，您将看到一个错误uncaughttypeerror:cannotread属性'offsetWidth'为null
，如果您搜索，您将发现这是由于映射代码运行时未呈现
（相关问题：）

代码片段：

函数初始化（）{
var map=new google.maps.map（document.getElementById（'map'）{
缩放：11，
中心：新google.maps.LatLng（53.480782，-2.2445527），
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var图像处理https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png';
var marker=new google.maps.marker({
职位：{
拉脱维亚：53.480782，
液化天然气：-2.2445527
},
标题：“测试”，
地图：地图，
图标：图像
});
marker.setMap（map）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）
html，
身体，
#地图{
身高：100%；
宽度：100%；
边际：0px；
填充：0px
}

您没有初始化函数。您没有初始化函数。太棒了-由于我自己的不羁，我不得不做一些混乱，但这就解决了问题-非常感谢！太棒了——由于我自己的不羁，我不得不做了一些胡闹，但这就解决了问题——非常感谢！
<!DOCTYPE html>
<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
  <title>TEST</title> 
  <script src="http://maps.googleapis.com/maps/api/js?key=TEST (I have a valid key here)" 
          type="text/javascript"></script>
</head> 
<body>
  <div id="map" style="width: 700px; height: 500px;"></div>

  <script type="text/javascript">

    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 11,
      center: new google.maps.LatLng(53.480782, -2.2445527),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

  var image = 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png';
  var marker = new google.maps.Marker({
    position: {lat: 53.480782, lng: -2.2445527},
    title:"TEST",
    map: map,
    icon: image
  });

  marker.setMap(map);

      google.maps.event.addDomListener(window, 'load', initialize);
  </script>
</body>
</html>