如何更改谷歌地图图标中的图像高度和宽度

Question

在这段代码中，我在我的谷歌地图中显示多指针，但图像不能正常工作

<script type="text/javascript">
       var locations = <?php print_r(json_encode($deliverer)) ?>;
       var mymap = new GMaps({
         el: '#mymap',
         lat: 30.375321,
         lng: 69.345116,
         zoom:6
       });


       $.each( locations, function( index, value ){
            mymap.addMarker({
              lat: value.latitude,
              lng: value.longitude,


>  **icon: "car_marker.png";**


    icon: "car_marker.png";   ,,,,this is my image i just want to display in google map ,so how can i change the height and width in it ???
            });
      });
     </script>

Answer 1

你可以这样做，地图标记图标的制作和对象，以及它们的配置，

      var ico = '<?php echo asset("assets/images/map_marker.png"); ?>';
        var image = {
          url: ico,
          size: new google.maps.Size(71, 71),
          origin: new google.maps.Point(0, 0),
          anchor: new google.maps.Point(17, 34),
          scaledSize: new google.maps.Size(50, 50)
        };

它会生成一个大小的标记图标，您可以根据需要进行更改，看看会发生什么。

然后你可以像这样将它传递给标记，

var marker = new google.maps.Marker({
            position: {lat: location.lat + (Math.random() -.5) / 1500, lng: location.lon + (Math.random() -.5) / 1500 },
            title: location.title,
            icon:image,
        });

谢谢。 希望对你有帮助。