在谷歌地图上看不到标记
Can't see markers on a Google Maps map
我试图在谷歌地图地图上放置一些标记。我写的代码如下:
问题是我没有看到任何标记。
我检查了控制台,没有看到任何错误。
我做错了什么?
非常感谢。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Directions service</title>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
#panel {
position: absolute;
top: 5px;
left: 50%;
margin-left: -180px;
z-index: 5;
background-color: #fff;
padding: 5px;
border: 1px solid #999;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
var map;
var styles = [
{
stylers: [
{hue: "#00ffe6"},
{saturation: -20}
]
}, {
featureType: "road",
elementType: "geometry",
stylers: [
{lightness: 100},
{visibility: "simplified"}
]
}, {
featureType: "poi",
elementType: "labels",
stylers: [
{visibility: "off"}
]
}, {
featureType: "transit",
elementType: "labels",
stylers: [
{visibility: "off"}
]
},
];
function initialize() {
var home = new google.maps.LatLng(45.666396, 25.611569);
var mapOptions = {
zoom: 15,
center: home
}
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
map.setOptions({styles: styles});
}
var json = [
{
"title": "Triaj",
"lat": 45.67573,
"lng": 25.647464,
"description": "Test"
}, {
"title": "Baza MTTC",
"lat": 45.671123,
"lng": 25.640974,
"description": "Test"
}, {
"title": "RAT Brasov",
"lat": 45.669687,
"lng": 25.638461,
"description": "Test"
} ];
for (var i = 0, length = json.length; i < length; i++) {
var data = json[i], latLng = new google.maps.LatLng(data.lat, data.lng);
// Creating a marker and putting it on the map
var marker = new google.maps.Marker({
position: latLng,
map: map,
title: data.title
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
是否应该将json和标记代码放入initialize
-函数中以触发它?
现在,没有任何东西触发for循环,因此标记不会显示。把var json =
和所有东西放在initialize
函数内的for循环的末尾,你应该很好:)
相关文章:
- 将组合JSON文件加载到谷歌地图
- 将事件添加到谷歌地图标记
- 如何将纬度经度从HTML表单传递到谷歌地图
- 如何在不与谷歌地图重叠的情况下对标记进行聚类
- 将标记添加到现有的谷歌地图(不刷新谷歌地图)
- 谷歌地图Api按钮;路由到标记“/转到谷歌地图
- 将JSON文件中的数据加载到谷歌地图中的地图标记中
- 当点击处理程序添加到谷歌地图圆圈标记时,无法访问对象数据
- 使用angular js将CIRCLE或POLYGON动态添加到谷歌地图
- 是否可以检测到谷歌地图何时拒绝了API密钥
- 饼图而不是谷歌地图中的标记集群图标
- 再一次:TypeError:a.lat不是谷歌地图API中的函数
- 未捕获的类型错误:对象不是谷歌地图上的函数
- 地址到谷歌地图上的数据库
- 在wordpress中将网址添加到谷歌地图的多个标记
- 将加载指示器添加到谷歌地图信息窗口
- 将多个英国邮政编码列表添加到谷歌地图
- 在我的网站上将光标添加到谷歌地图
- 尝试将 kml 图层添加到谷歌地图
- 我不能从web服务返回数据到谷歌地图和创建标记