相关疑难解决方法(0)

我在2天的时间里一直在努力思考,在地图上,我必须为每个用户显示一个标记,其中包含用户FB个人资料图片.

我想知道我怎么能得到与此相似的结果？我试过的真是个hackish.

• 我把FB图片作为标记图标
• 我在标记的标签上放了一个CSS类
• 我找到兄弟添加这个边框和这个箭头来装饰用户图片

但是当地图上有多个标记时,它不起作用.

.marker-labels {
    display: none !important;

    + div  { 
        background-color: $dark-gray; 
        border: 2px solid $dark-gray;
        @include radius(0.2em);
        height: 54px !important;
        width: 54px !important;
        overflow: inherit !important;

       > img {
            height: 50px;
            width: 50px;
        } 

        &:after {
            content: ' ';
            height: 0;
            width: 0;
            border: 6px solid transparent; 
            border-top-color: $dark-gray;
            position: absolute;
            top: 52px;
            left: 19px;
        }
    }
}

全球问题:

• 如何获得这样的图标(http://mt-st.rfclipart.com/image/thumbnail/24-1d-5f/blue-glossy-square-map-pin-or-speech-bubble-Download-Royalty -free-Vector-File-EPS-29153.jpg)里面有自定义用户图片？可能吗？

• 如何自定义图标(如果是个人资料图片)以获得类似于屏幕截图的结果

谢谢你的帮助