ArcGIS JS API 3.21 InfoTemplate ZoomIn按钮

时间:2017-08-07 20:18:17

标签: gis arcgis arcgis-js-api

有没有人幸运地将点击事件附加到InfoTemplate的HTML中构建的自定义按钮?这是我的InfoTemplate HTML:

    <subsystem xmlns="urn:jboss:domain:naming:2.0">
        <bindings>
            <external-context name="java:global/MQBindings" module="com.ibm.wmqclient75" class="javax.naming.InitialContext" cache="true">
                <environment>
                    <property name="java.naming.factory.initial" value="com.sun.jndi.fscontext.RefFSContextFactory"/>
                    <property name="java.naming.provider.url" value="file:///${jboss.server.data.dir}/bindings/"/>
                    <property name="java.naming.security.authentication" value="none"/>
                </environment>
            </external-context>
        </bindings>
        <remote-naming/>
    </subsystem>

然后我在默认InfoTemplate上隐藏了项目,即zoomTo链接。我想简单地用一个按钮替换zoomTo的功能,使它看起来更好一些。

2 个答案:

答案 0 :(得分:0)

如果您只想改善“缩放到”按钮的外观,可以使用几行CSS来实现这一目的:

$sql .= "description='" . db_escape($db, $subject['description']) . "' ";

enter image description here

答案 1 :(得分:0)

对不起@Jeremy Swagger,

我忘记了我已经解决了这个问题而忘了更新我的问题。我提出了这样的解决方案:

if(this.zoomButton) {
    domConstruct.destroy(this.zoomButton);
{

var zoomToButtonHTML = '<div style="width 100%;"><input class="zoomButton" type="button" value="Zoom to" /></div>';

this.zoomButton = domConstruct.create("div", {
    "class": "action",
    "id": "uploadLink",
    "innerHTML": zoomToButtonHTML
}, query(".actionList, this.map.infoWindow.domNode)[0]);

var self=this;
on(this.zoomButton, 'click', function(evt) {
    self._zoomToPoint(evt. self.map);
});

CSS:

.zoomButton {
    background: linear-gradient(#666666, #3F4041);
    color: #ffffff;
    border: 1px solid #000000;
    border-radius: 0,2em;
}

.zoomButton:hover {
    background: #333333;
}