LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code




  
  
  Jackson Hole, Wyoming

  
  

  
  

  
  




  
  
CSS
html,
body,
#viewDiv {
  padding: 0;
  margin: 0;
  height: 95%;
  width: 100%;
}
#contactDiv {
  height: 100%;
  width: 100%;
  bottom: 10;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
}
body {
  background-color: linen;
}
JS
require([
  "esri/Map", 
  "esri/views/MapView", 
  "dojo/domReady!"
], function(
  Map,
  MapView
) { // TOP of REQUIRE
  
  // Create the map
  var map = new Map({
    basemap: "streets"
  });

  // Create the view, add the map
  var view = new MapView({
    container: "viewDiv",
    map: map,
    zoom: 15,
    center: [-110.7599, 43.48] // longitude, latitude
  });
  
}); //BOTTOM of REQUIRE

/**
The contactInfo function that gets executed when the contactButton is clicked.
**/

function contactInfo() {
  var info = "";
  info += "Geographic Information Systems
"; info += "Jackson Hole, WY
"; info += "Phone: ###-###-####
"; //Accessing the infoDiv element and setting it to a variable. var theDiv = document.getElementById("infoDiv"); //Setting the content for the infoDiv element to display. theDiv.innerHTML = info; } /** The eventsInfo function that gets executed when clicking on the a href. **/ function eventsInfo() { //Creating a variable to hold the HTML table. HTML can be created dynamically using JavaScript. var info = ""; info += "
"; info += ""; info += ""; info += ""; info += ""; info += ""; info += ""; info += "
"; info += "
"; //Accessing the infoDiv element and setting it to a variable. var theDiv = document.getElementById("infoDiv"); //Setting the content for the infoDiv element to display. theDiv.innerHTML = info; }
Term
Sat, 04/14/2018 - 20:42

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv