nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Hyperlink from Map Feature

AliciaGiles

Is there a way to bypass the infowindow and go directly to a hyperlink (via an attribute containing a web address) by clicking on a feature?

Or, to put it another way...

Right now my script is setup for an info window, but instead of pulling up the infowindow upon clicking a feature, I want to go straight to a webpage. How could I accomplish this?

EDIT 2013/07/03:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=7, IE=9, IE=10"
>

    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
    <title>

    </title>

    <link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/dojo/dijit/themes/claro/claro.css">
    <link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/esri/css/esri.css">
    <style>
      html, body, #mapDiv { height: 100%; margin: 0; padding: 0; }
    </style>

    <script>var dojoConfig = { parseOnLoad: true };</script>
    <script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/"></script>
    <script>

      dojo.require("esri.map");
      dojo.require("esri.layers.FeatureLayer");
      dojo.require("esri.dijit.InfoWindowLite");

      var map;

function init() {

     var infoWindowLite = new esri.dijit.InfoWindowLite(null, dojo.create("div"));

       map = new esri.Map("mapDiv", {
          basemap: "topo",
          center: [-95.650, 29.772],
          zoom: 11
});

        var infoWindowLite = new esri.dijit.InfoWindowLite(null, dojo.create("div", null, map.root));
        infoWindowLite.startup();
        map.setInfoWindow(infoWindowLite);

        var template = new esri.InfoTemplate();
        template.setTitle("<b>${NAME}</b>");
        template.setContent("${WEB} ");

        var featureLayer = new esri.layers.FeatureLayer(".../MapServer/0", {
          mode: esri.layers.FeatureLayer.MODE_ONDEMAND,
          infoTemplate:template,
          outFields: ["WEB"]
        });

        map.addLayer(featureLayer);

        map.infoWindow.resize(200, 75);
      }

      dojo.ready(init);

    </script>
</head>

<body class="claro">
    <div id="mapDiv">

    </div>
</body>

</html>

Najděte více příspěvků označených jako

Accepted answers

All comments

mbeierle

Trying to revive this thread and get this code sample to work. Tobias, did you have any success?

Yes I did! The doIdentify functionality was key. Here's the code:

function initFunctionality(map) {
        dojo.connect(map, "onClick", doIdentify);

        identifyTask = new esri.tasks.IdentifyTask("http://InputYourMapServerAddress");

        identifyParams = new esri.tasks.IdentifyParameters();
        identifyParams.tolerance = 8;
        identifyParams.returnGeometry = true;
        identifyParams.layerIds = [0];
        identifyParams.layerOption = esri.tasks.IdentifyParameters.LAYER_OPTION_ALL;
        identifyParams.width = map.width;
        identifyParams.height = map.height;
}

      function doIdentify(evt) {
        map.graphics.clear();
        identifyParams.geometry = evt.mapPoint;
        identifyParams.mapExtent = map.extent;
        identifyTask.execute(identifyParams, function(idResults) {openIdentifyLinkResult(idResults, evt); });
}

function openIdentifyLinkResult(results){

if(results[0]){
var idResult = results[0];

if(idResult.feature.attributes.WEB){
   window.open(idResult.feature.attributes.WEB);
}}
}

AliciaGiles

Alicia, did you ever get your code to work? I'm looking to accomplish the same thing...any help would be much appreciated. Thanks!

Yes I did! The doIdentify functionality was key. Here's the code:

function initFunctionality(map) {
        dojo.connect(map, "onClick", doIdentify);

        identifyTask = new esri.tasks.IdentifyTask("http://InputYourMapServerAddress");

        identifyParams = new esri.tasks.IdentifyParameters();
        identifyParams.tolerance = 8;
        identifyParams.returnGeometry = true;
        identifyParams.layerIds = [0];
        identifyParams.layerOption = esri.tasks.IdentifyParameters.LAYER_OPTION_ALL;
        identifyParams.width = map.width;
        identifyParams.height = map.height;
}

      function doIdentify(evt) {
        map.graphics.clear();
        identifyParams.geometry = evt.mapPoint;
        identifyParams.mapExtent = map.extent;
        identifyTask.execute(identifyParams, function(idResults) {openIdentifyLinkResult(idResults, evt); });
}

function openIdentifyLinkResult(results){

if(results[0]){
var idResult = results[0];

if(idResult.feature.attributes.WEB){
   window.open(idResult.feature.attributes.WEB);
}}
}

TobiasFimpel

Alicia, did you ever get your code to work? I'm looking to accomplish the same thing...any help would be much appreciated. Thanks!

AliciaGiles

You would need to register an event handler for the layer's click event. By providing this event handler, you override the default click behavior of opening the info window.

Thank you for your help. I, however, being very new to dojo was unable to successfully accomplish this. Are you suggesting a simple edit to the event handler would accomplish my goal?

I've edited my post to include the script, if you wouldn't mind taking a look.

AliciaGiles

If I understand, after your identify ( Are you using an identify?) just don't call the map.infoWindow.show() and use window.open(.......) to open the url contained in your attribute...

I'm not using identify but I appreciate the suggestion! I'm going put up my script for review.

JeffJacobson

Is there a way to bypass the infowindow and go directly to a hyperlink (via an attribute containing a web address) by clicking on a feature?

Or, to put it another way...

Right now my script is setup for an info window, but instead of pulling up the infowindow upon clicking a feature, I want to go straight to a webpage. How could I accomplish this?

You would need to register an event handler for the layer's click event. By providing this event handler, you override the default click behavior of opening the info window.

DavideLimosani

Is there a way to bypass the infowindow and go directly to a hyperlink (via an attribute containing a web address) by clicking on a feature?

Or, to put it another way...

Right now my script is setup for an info window, but instead of pulling up the infowindow upon clicking a feature, I want to go straight to a webpage. How could I accomplish this?

If I understand, after your identify ( Are you using an identify?) just don't call the map.infoWindow.show() and use window.open(.......) to open the url contained in your attribute...

DavideLimosani

Is there a way to bypass the infowindow and go directly to a hyperlink (via an attribute containing a web address) by clicking on a feature?

Or, to put it another way...

Right now my script is setup for an info window, but instead of pulling up the infowindow upon clicking a feature, I want to go straight to a webpage. How could I accomplish this?

try with the onclick event of graphicLayer

https://developers.arcgis.com/en/javascript/jsapi/graphicslayer.html

Then you have the graphic in the event and you can open the link contained in the attribute using window.open(.......)

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.