谷歌地图地方搜索标记图标造型

Question

当我搜索谷歌地图时，我得到的地方标记图标有圆形红色背景，如下面的截图。我正尝试在我的应用程序中使用完全相同的样式创建标记。我正在为JavaScript v3使用Google地图API。

以下是用于从地点api结果中创建谷歌地图标记的代码。

 var marker = new google.maps.Marker({ 
      map: $this.map, 
      position: place.geometry.location, 
      icon: { 
       url: place.icon, 
       size: new google.maps.Size(18,18), 
       origin: new google.maps.Point(0, 0), 
       anchor: new google.maps.Point(17, 34), 
       scaledSize: new google.maps.Size(18, 18), 

      } 

     }); 

活生生的例子在google map

Answer 1

从谷歌地图的文件，
您可以指定URL标记图标到你的形象。

https://developers.google.com/maps/documentation/javascript/custom-markers

var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/'; 
var icons = { 
    parking: { 
    icon: iconBase + 'parking_lot_maps.png' 
    }, 
    library: { 
    icon: iconBase + 'library_maps.png' 
    }, 
    info: { 
    icon: iconBase + 'info-i_maps.png' 
    } 
}; 

function addMarker(feature) { 
    var marker = new google.maps.Marker({ 
    position: feature.position, 
    icon: icons[feature.type].icon, 
    map: map 
    }); 
}