What do you get when you run this? I didn't modify anything except the "suffix" parameter.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
<title>Geocode Dijit</title>
<link rel="stylesheet" href="http://js.arcgis.com/3.11/esri/css/esri.css">
<style>
html, body, #map {
height:100%;
width:100%;
margin:0;
padding:0;
}
#search {
display: block;
position: absolute;
z-index: 2;
top: 20px;
left: 74px;
}
</style>
<script type="text/javascript">
var djConfig = {
parseOnLoad: false
};
</script>
<script src="http://js.arcgis.com/3.11/"></script>
<script>
var map, geocoder;
require(["dojo/parser","esri/map", "esri/dijit/Geocoder", "esri/layers/GraphicsLayer","esri/graphic",
"esri/symbols/SimpleMarkerSymbol","esri/InfoTemplate","dojo/_base/Color", "dojo/_base/array", "dojo/dom",
"esri/request", "dojo/domReady!"
], function(
parser,Map,Geocoder,GraphicsLayer,Graphic,SimpleMarkerSymbol,InfoTemplate,Color,arrayUtils,dom,esriRequest
) {
parser.parse();
// create the map
map = new Map("map",{
basemap: "topo",
center: [-92.593, 38.5],
zoom: 8,
});
// create the geocoder
var geocoder = new Geocoder({
autoComplete: true,
map: map,
arcgisGeocoder: {
placeholder: "Find a place",
sourceCountry:"US",
suffix:", Missouri, USA"
}
}, dom.byId("search"));
geocoder.startup();
geocoder.focus();
geocoder.on("select", showLocation);
var symbol = new SimpleMarkerSymbol();
symbol.setStyle(SimpleMarkerSymbol.STYLE_CIRCLE);
symbol.setColor(new Color([255,128,0,0.75]));
function showLocation(evt) {
map.graphics.clear();
var point = evt.result.feature.geometry;
var graphic = new Graphic(point, symbol);
map.graphics.add(graphic);
// map.infoWindow.setTitle("Search Result");
map.infoWindow.setContent(evt.result.name);
map.infoWindow.show(evt.result.feature.geometry);
}
geocoder.on('clear', function (evt){
map.graphics.clear();
map.infoWindow.hide();
});
});
</script>
</head>
<body>
<div id="search"></div>
<div id="map"></div>
</body>
</html>
