Question

我想在谷歌地图上显示一个位置，但没有显示：

<script src="****/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAvUNbVZUPT_8V-VMCcfI9aex3ygZO4J7U"></script>

jQuery(document).ready(function($) {

    // Google map
    if ($('#map-canvas').length) {
        var
            GOOGLE_MAP_LAT = 35.706291,
            GOOGLE_MAP_LNG = 51.316624;
        var map,
            service;
                var latlng = new google.maps.LatLng(GOOGLE_MAP_LAT, GOOGLE_MAP_LNG);
                var myOptions = {
                    zoom: 13,
                    center: latlng,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };

                map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);

                var marker = new google.maps.Marker({
                    position: latlng,
                    map: map
                });
                marker.setMap(map);

                google.maps.event.trigger(map, 'resize');
                map.setCenter(latlng);
    }
});

我的HTML代码：

        <div id="#map-canvas" style="width: 300px;height: 400px"> </div>

查看我的网站：

http://www.eleconf.ir/

我的控制台日志为空。

Answer 1

在你的html中，div的ID是＃map-canvas。＃不是必需的。

谷歌地图没有加载API密钥

1 个答案: