在谷歌地图 API 上添加 2 个点

Question

我已经为此工作了几天，但似乎仍然无法完全理解。 我需要两个图钉才能在地图上显示。 任何建议都会很棒。 这是我到目前为止所拥有的：

 $.martanianGoogleMapInit = function() { var lat = 36.777259; var lng = -76.036311;var map_center = new google.maps.LatLng( lat, lng ); var mapOptions = { zoom: 1, center: map_center, mapTypeId: google.maps.MapTypeId.ROADMAP, scrollwheel: false } var map = new google.maps.Map( document.getElementById( 'google-map' ), mapOptions ); var beachMarker = new google.maps.Marker({ position: new google.maps.LatLng( lat, lng ), map: map }); };

Answer 1

下面似乎使用我自己的 API 密钥对我有用。 我得到两个标记。 您可以选择创建一个函数，该函数接受具有多个 lat+lng 值的数组输入并迭代“new google.maps.Marker()”函数。

当然，正如其他人在评论中指出的那样，您必须在您的 中引用 Google Maps API，并提供您自己的 API KEY。

$.martanianGoogleMapInit = function() {
    var lat = 36.777259; 
    var lng = -76.036311;
    var map_center = new google.maps.LatLng( lat, lng );

        var mapOptions = {
            zoom: 10,
            center: map_center,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            scrollwheel: false
        }

        var map = new google.maps.Map( document.getElementById( 'google-map' ), mapOptions );
        new google.maps.Marker({
            position: new google.maps.LatLng( lat, lng ),
            map: map
        });

        new google.maps.Marker({
            position: new google.maps.LatLng( lat+0.0101, lng ),
            map: map
        });
    };