如何更改搜索结果的标记?

496
3.
跳到解决方案
08-13-2021 08:57 am
ericshark
通过
新的因素

我不能为我的生活,我弄清楚如何改变默认的搜索结果图标从小默认点。我已经做了无数的搜索,但我还是很困惑。我认为这将是使用这个产品最简单的部分,也许是,我只是撞了一个又一个墙。

基本上,我的应用程序是由几个功能层构建的。在页面加载时,它会拉一个地址,并自动返回搜索结果。这一切都很好,但弄清楚如何改变马克笔让我大吃一惊。任何帮助都是感激的。

我相信我想要的是图片标记符号使用自定义图标。

searchWidget 搜索 ({
视图 视图
searchTerm “地址”
popupEnabled
});
0荣誉
1解决方案

接受的解决方案
ReneRubalcava
通过
经常贡献者II

您可以等待加载默认源代码,然后更改源代码的结果符号。

searchWidget.allSources。在("after-add", ({ item }) => { item.resultSymbol = new SimpleMarkerSymbol({ style: "diamond", outline: { color: [255, 255, 255, 1] }, color: [110, 247, 54, 1], size: 32 }); });

https://codepen.io/odoe/pen/WNjmPgd?editors=1000

在原帖子中查看解决方案

3回复
ReneRubalcava
通过
经常贡献者II

您可以等待加载默认源代码,然后更改源代码的结果符号。

searchWidget.allSources。在("after-add", ({ item }) => { item.resultSymbol = new SimpleMarkerSymbol({ style: "diamond", outline: { color: [255, 255, 255, 1] }, color: [110, 247, 54, 1], size: 32 }); });

https://codepen.io/odoe/pen/WNjmPgd?editors=1000

ericshark
通过
新的因素

谢谢你,我能够得到我需要的使用你的代码和修改它的picturemarker符号

searchWidget allSources 经过加入的 ({ }) = >
resultSymbol PictureMarkerSymbol ({
url “/图片/ orange-warning.png”
高度 28
宽度 28
});
});

@ReneRubalcava写道:

您可以等待加载默认源代码,然后更改源代码的结果符号。

searchWidget.allSources。在("after-add", ({ item }) => { item.resultSymbol = new SimpleMarkerSymbol({ style: "diamond", outline: { color: [255, 255, 255, 1] }, color: [110, 247, 54, 1], size: 32 }); });

https://codepen.io/odoe/pen/WNjmPgd?editors=1000



@ReneRubalcava写道:

您可以等待加载默认源代码,然后更改源代码的结果符号。

searchWidget.allSources。在("after-add", ({ item }) => { item.resultSymbol = new SimpleMarkerSymbol({ style: "diamond", outline: { color: [255, 255, 255, 1] }, color: [110, 247, 54, 1], size: 32 }); });

https://codepen.io/odoe/pen/WNjmPgd?editors=1000


0荣誉
RafiqKhan
通过
新的因素

@ericshark写道:

谢谢你,我能够得到我需要的使用你的代码和修改它的picturemarker符号

searchWidget.allSources。在(经过加入的,({项})= >{
项。resultSymbol = new PictureMarkerSymbol({
url:“/图片/ orange-warning.png”,
高度:28日,
宽度:28日,
});
});

@ReneRubalcava写道:

您可以等待加载默认源代码,然后更改源代码的结果符号。

searchWidget.allSources。在("after-add", ({ item }) => { item.resultSymbol = new SimpleMarkerSymbol({ style: "diamond", outline: { color: [255, 255, 255, 1] }, color: [110, 247, 54, 1], size: 32 }); });

https://codepen.io/odoe/pen/WNjmPgd?编辑= 1000



@ReneRubalcava写道:

您可以等待加载默认源代码,然后更改源代码的结果符号。

searchWidget.allSources。在("after-add", ({ item }) => { item.resultSymbol = new SimpleMarkerSymbol({ style: "diamond", outline: { color: [255, 255, 255, 1] }, color: [110, 247, 54, 1], size: 32 }); });

https://codepen.io/odoe/pen/WNjmPgd?editors=1000



我认为这将是使用arcgis的简单部分,但事实证明这是困难的。

0荣誉