Fatal编程技术网
  • javascript/
  • Javascript Can'；在谷歌地图上看不到标记

Javascript Can'；在谷歌地图上看不到标记

javascript google-maps

Javascript Can'；在谷歌地图上看不到标记,javascript,google-maps,Javascript,Google Maps,我正试图在谷歌地图上放置一些标记。我写了下面的代码 问题是我没有看到任何标记 我检查了控制台，没有发现任何错误 我做错了什么 多谢各位 <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> &l

我正试图在谷歌地图上放置一些标记。我写了下面的代码

问题是我没有看到任何标记

我检查了控制台，没有发现任何错误

我做错了什么

多谢各位

<!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>


方向服务
html，正文，#地图画布{
身高：100%；
边际：0px；
填充：0px
}
#面板{
位置：绝对位置；
顶部：5px；
左：50%；
左边距：-180px；
z指数：5；
背景色：#fff；
填充物：5px；
边框：1px实心#999；
}
var映射；
变量样式=[
{
样式：[
{hue:#00ffe6}，
{饱和度：-20}
]
}, {
特色类型：“道路”，
elementType:“几何体”，
样式：[
{亮度：100}，
{可见性：“简化”}
]
}, {
特征类型：“poi”，
elementType:“标签”，
样式：[
{可见性：“关闭”}
]
}, {
功能类型：“运输”，
elementType:“标签”，
样式：[
{可见性：“关闭”}
]
},
];
函数初始化（）{
var home=new google.maps.LatLng（45.666396,25.611569）；
变量映射选项={
缩放：15，
中心：家
}
map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
setOptions（{styles:styles}）；
}
var json=[
{
“标题”：“Triaj”，
“lat”：45.67573，
“液化天然气”：25.647464，
“说明”：“测试”
},                                {
“标题”：“Baza MTTC”，
“lat”：45.671123，
“液化天然气”：25.640974，
“说明”：“测试”
},                                {
“标题”：“拉特·布拉索夫”，
“lat”：45.669687，
“液化天然气”：25.638461，
“说明”：“测试”
}                            ];
for（var i=0，length=json.length；i
是否应该将json和标记代码放入
initialize
-函数中以触发它


现在，没有任何东西触发for循环，因此标记不会显示。将
var json=
和所有内容放在
initialize
-函数中for循环的末尾，您应该很好：）
您是否应该将json和标记代码放在
initialize
-函数中以触发它


现在，没有任何东西触发for循环，因此标记不会显示。将
var json=
和所有内容放在
initialize
-函数中for循环的末尾，您应该很好：）
您是否应该将json和标记代码放在
initialize
-函数中以触发它


现在，没有任何东西触发for循环，因此标记不会显示。将
var json=
和所有内容放在
initialize
-函数中for循环的末尾，您应该很好：）
您是否应该将json和标记代码放在
initialize
-函数中以触发它

现在，没有任何东西触发for循环，因此标记不会显示。将
var json=
和所有内容放在
initialize
-函数中for循环的末尾，您应该很好：）
没有任何东西触发for循环：这是不正确的。对于执行的循环，您可以使用控制台日志查看它，但未定义
map
变量。”当调用
initialize（）`时，将在后面定义映射
。否则你是对的。是的，你是对的：）我在发帖时的想法就像jQuery（缺少
$（document）.ready（）
）一样。没有任何东西触发for循环：这是不正确的。对于执行的循环，您可以使用控制台日志查看它，但未定义
map
变量。”当调用
initialize（）`时，将在后面定义映射
。否则你是对的。是的，你是对的：）我在发帖时的想法就像jQuery（缺少
$（document）.ready（）
）一样。没有任何东西触发for循环：这是不正确的。对于执行的循环，您可以使用控制台日志查看它，但未定义
map
变量。”当调用
initialize（）`时，将在后面定义映射
。否则你是对的。是的，你是对的：）我在发帖时的想法就像jQuery（缺少
$（document）.ready（）
）一样。没有任何东西触发for循环：这是不正确的。对于