,

[Google Maps] Google Maps の Marker が IE11 で表示されない場合の対処

公開日: 2019/10/21

scaledSize と optimized オプションを追加せよ、とのこと。

Adding scaledSize to the image/icon and optimized: false to the marker solved it for me.

javascript – Google Maps SVG marker doesn’t display on IE 11 – Stack Overflow

IE11 ではレンダリングがうまくいかないのかな。

function initMap() {
  var myLatLng = {
    lat: 21.297643,
    lng: -157.839234
  };

  var map = new google.maps.Map(document.getElementById("map"), {
    zoom: 16,
    center: myLatLng
  });

  var image = {
    url: "/path/to/pin.svg",
    scaledSize: new google.maps.Size(29, 52),
  };

  var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    optimized: false,
    icon: image,
    animation: google.maps.Animation.DROP
  });
}
google.maps.event.addDomListener(window, "load", initMap);

補遺