Question

我的地图缺少针脚掉落，我试图找出api页面，但我似乎无法在我的谷歌地图上找到针脚。到目前为止，这是我的代码。如果有人对如何获得那个引脚有任何想法，我将不胜感激。

    <!-- GOOGLE MAPS -->
    <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script>
      function initialize() {
        var map_canvas = document.getElementById('map_canvas');
        var map_options = {
          center: new google.maps.LatLng(33.6676314, -117.6598071),
          zoom: 14,
          scrollwheel: false ,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(map_canvas, map_options)
      }

      google.maps.event.addDomListener(window, 'load', initialize);

    </script>

<div id="map_canvas"></div>

Answer 1

该代码正在创建一个以lat 33.6676314，lng -117.6598071为中心的地图，我非常确定地图显示正常。你还没有创建任何标记，所以继续创建一个标记。实现这一目标的代码，最基本的形式是

function initialize() {
        var map_canvas = document.getElementById('map_canvas');
        var map_options = {
          center: new google.maps.LatLng(33.6676314, -117.6598071),
          zoom: 14,
          scrollwheel: false ,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(map_canvas, map_options);
        var newmarker= new google.maps.Marker({
                position: new google.maps.LatLng(33.6676314, -117.6598071),
                map: map 
            });
      }

请注意，标记的地图属性应指向您为地图命名的变量。例如：

        var AwesomeMap = new google.maps.Map(map_canvas, map_options);
        var newmarker= new google.maps.Marker({
                position: new google.maps.LatLng(33.6676314, -117.6598071),
                map: AwesomeMap 
            });

位置可以是任何有效的LatLng对象或LatLng文字。例如，以下内容也是有效的

            var newmarker= new google.maps.Marker({
                position: {lat:33.6676314, lng:-117.6598071},
                map: AwesomeMap 
            });

Answer 2

检查一下 http://www.x2tutorials.com/tutorials/google-maps-v3/using-map-markers.php

如果这不是您想要实现的目标，请详细说明您所面临的问题

错过谷歌地图上的图钉

2 个答案: