forked from jumpinjackie/mapguide-react-layout-example
-
Notifications
You must be signed in to change notification settings - Fork 0
/
sample_template.html
35 lines (35 loc) · 1.44 KB
/
sample_template.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html>
<head>
<title>MapGuide React Viewer - Sample Template</title>
<link rel="stylesheet" href="dist/vendor.css" />
<script type="text/javascript" src="dist/vendor.js"></script>
<script type="text/javascript" src="dist/viewer.js"></script>
<style type="text/css">
html, body, #map { padding: 0; margin: 0; font: 10pt Verdana, sans-serif; }
body { overflow: hidden; }
#map { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.component-mouse-coordinates, .component-scale-display, .component-selected-feature-count {
background-color: #f0f0f0;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var el = document.getElementById("map");
var viewer = new MapGuide.Application();
viewer.mount(el, {
layout: "sample-template",/*
externalBaseLayers: [
{ name: "OpenStreetMap", kind: "OSM" },
{ name: "Stamen - Toner", kind: "Stamen", visible: true, options: { layer: "toner" } },
{ name: "Stamen - Watercolor", kind: "Stamen", options: { layer: "watercolor" } }
],*/
mapguide: {
agentUri: "../mapagent/mapagent.fcgi"
}
});
</script>
</body>
</html>