主页 / 问题 / 841999
Accepted
zoinx2012
Asked:2020-06-14 19:35:57 +0000 UTC2020-06-14 19:35:57 +0000 UTC

从json加载时如何制作地标图像？

  • 772

我从 JSON 中获取对象，如下所示：

ymaps.ready()
    .done(function (ym) {
        var myMap = new ym.Map('YMapsID', {
            center: [55.751574, 37.573856],
            zoom: 1
        }, {
            searchControlProvider: 'yandex#search'
        });

        jQuery.getJSON('items.json', function (json) {

            var geoObjects = ym.geoQuery(json)
                    .addToMap(myMap)
                    .applyBoundsToMap(myMap, {
                        checkZoomRange: true
                    });


        });
    });

来自 JSON 的对象格式：

{"type": "Feature", "id": 0, "geometry": {"type": "Point", "coordinates": [55.831903, 37.411961]}, "properties": {"balloonContent": "Аптека", }, "options": {"preset": "islands#blueCircleDotIconWithCaption"}},

结果，所有对象都显示为我的点。

如何使它们自定义图像？

yandex-maps-api

1 个回答

  1. Best Answer

    您的 json 有一个标签预设："options": {"preset": "islands#blueCircleDotIconWithCaption"}.

    如果图片应该不同，则需要在文件本身中指定iconLayout其他图标参数，如示例所示。如果所有标记都必须具有相同的引脚，那么您可以为已加载到地图上的对象定义它。

    像这样：

        var geoObjects = ym.geoQuery(json)
            .setOptions({
              iconLayout: 'default#image',
              iconImageHref: 'https://sandbox.api.maps.yandex.net/examples/ru/2.1/icon_customImage/images/myIcon.gif',
              iconImageSize: [30, 42],
              iconImageOffset: [-5, -38]
             })
            .addToMap(myMap)
            .applyBoundsToMap(myMap, {
                checkZoomRange: true
            });
    • 1

相关问题