添加Maki图标而不是MapBox地理编码器标记 [英] Add Maki Icon instead of Mapbox Geocoder Marker

问题描述

只是一个简短的问题，如果有人曾经用Maki图标替换过MapBox的默认标记。我只看到过将Maki图标用于点切片集/图层的示例，但我想将其用于非切片集要素，特别是替换地理编码后在刚刚进行地理编码的地址位置添加的标记。

或者，尝试查找与下面的Google地图符号相似的符号。欢迎提出任何建议。

var pinImage =  {
            path: google.maps.SymbolPath.CIRCLE,
            fillColor: '#ff4b00',
            fillOpacity: .9,
            scale: 5,
            strokeColor: '#CDDC39',
            strokeWeight: 0,
            strokeOpacity: .5
        }

推荐答案

MapboxGeocoding控件有一个marker选项https://github.com/mapbox/mapbox-gl-geocoder/blob/master/API.md#parameters，该选项控制您选择结果时放置在地图上的标记。

https://docs.mapbox.com/mapbox-gl-js/example/custom-marker-icons/中有一个使用自定义图标创建标记的示例。

因此您可以创建一个HTML元素，该元素包含来自Maki的SVG或PNG图标，并将其用作传递给MapboxGeocoding控件的自定义标记中的元素。

这篇关于添加Maki图标而不是MapBox地理编码器标记的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！