Question

是否有人知道是否可以将嵌入式地图置于实际占位符的中心？我的意思是，当地图加载并居中时，您实际上可以在地图中看到地标和标记吗？

    function initialize() {
        var map_canvas = document.getElementById('map_canvas');
    var map_options = {
      center: new google.maps.LatLng(51.515727, -0.141388),
      zoom: 16,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(map_canvas, map_options)
    }

这是我的初始化函数，它输入我想要指向的商店的坐标。但是商店里面没有占位符（别针标记）。我能做到吗？

谢谢！

Answer 1

function initialize() {
            var map_canvas = document.getElementById('map_canvas');
        var map_options = {
          center: new google.maps.LatLng(51.515727, -0.141388),
          zoom: 16,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(map_canvas, map_options);

         var point = new google.maps.LatLng(51.515727, -0.141388);
        var marker = new google.maps.Marker({
            position:point,
            map: map,
        });
        }

Answer 2

您需要明确指定标记并设置其位置。按照你的例子......

var map_canvas = document.getElementById('map_canvas');
 var position = new google.maps.LatLng(51.515727, -0.141388);
 var mapOptions = {
                zoom: 16,
                center: position,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

var map = new google.maps.Map(map_canvas, map_options);

然后你必须创建标记对象......

var marker = new google.maps.Marker({
                    position: position,
                    map: map,
                    title: "ANYTHING YOU WANT"
                });

这就是你真正需要做的所有事情，但请注意你随时都可以改变地图的中心......

map.setCenter(position);

有关详细信息，请访问Developer's Site API Reference

在占位符上居中谷歌地图

2 个答案: