-
Notifications
You must be signed in to change notification settings - Fork 43
/
index.html
126 lines (108 loc) · 5.06 KB
/
index.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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html>
<head>
<title>OpenUI5 Googlemaps Library</title>
<meta name="description" content="openui5 googlemaps library">
<script id="sap-ui-bootstrap" type="text/javascript" src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"></script>
<script language="JavaScript">
if (location.protocol !== 'https:')
{
// location.href = 'https:' + window.location.href.substring(window.location.protocol.length);
}
</script>
<link rel="icon" type="image/ico" href="images/favicon.ico">
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css">
<link rel="stylesheet" type="text/css" href="stylesheets/prism.css">
<style type="text/css">
body {
font-size: 1em;
line-height: 1.4em;
}
pre[class*="language-"] {
width: inherit;
}
pre[class*=language-] code {
font-size: 14px;
padding: 0;
}
pre, code {
margin-top: 0px;
background-color: #272822;
}
[id^="sample"] {
margin: 10px auto 10px;
padding: 10px 0px 10px 0px;
}
[id$="-map"] {
border-radius: 0.3em;
}
</style>
</head>
<body>
<!-- HEADER -->
<div id="header_wrap" class="outer">
<header class="inner">
<a id="forkme_banner" href="https://github.com/jasper07/openui5-googlemaps">View on GitHub</a>
<h1 id="project_title">openui5-googlemaps</h1>
<h2 id="project_tagline">Google Maps library for OpenUI5</h2>
<section id="downloads">
<a class="zip_download_link" href="https://github.com/jasper07/openui5-googlemaps/zipball/master">Download this project as a .zip file</a>
<a class="tar_download_link" href="https://github.com/jasper07/openui5-googlemaps/tarball/master">Download this project as a tar.gz file</a>
</section>
</header>
</div>
<!-- MAIN CONTENT -->
<div id="main_content_wrap" class="outer">
<section id="main_content" class="inner">
<h1>Getting Started</h1>
<p>Include the openui5.googlemaps library</p>
<pre class="language-javascript"><code>sap.ui.getCore().loadLibrary("openui5.googlemaps", "../openui5/googlemaps/");</code></pre>
<p>Example - render a map with a marker</p>
<pre class="language-javascript"><code><?xml version="1.0" encoding="UTF-8" ?>
<mvc:View xmlns:mvc="sap.ui.core.mvc"
xmlns:gmaps="openui5.googlemaps"
controllerName="sampleController">
<gmaps:Map height="250px" zoom="12" lat="-33.895" lng="151.275"
apiKey="AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM">
<gmaps:markers>
<gmaps:Marker lat="-33.895" lng="151.275" info="Bondi Beach" />
</gmaps:markers>
</gmaps:Map>
</mvc:View></code></pre>
<div id="sample1" class="sampleButtonBox" style="min-width: 150px"></div>
<div id="demos">
<a href="samples/search.html" target="_blank">Search Demo (using japanese language)</a>
<br>
<a href="samples/app1/" target="_blank">List Binding Demo (declares library in app manifest file)</a>
<br>
<a href="samples/app2/" target="_blank">Mash up Demo</a>
<br>
<a href="samples/directionstest.html" target="_blank">Directions Demo</a>
<br>
<a href="samples/directionstestwaypoints.html" target="_blank">Directions Demo (with waypoints - uses Chinese API)</a>
<br>
<a href="samples/markerclustertest.html" target="_blank">Marker Cluster with geojson data</a>
</div>
</section>
</div>
<!-- FOOTER -->
<div id="footer_wrap" class="outer">
<footer class="inner">
<p class="copyright">openui5-googlemaps maintained by <a href="https://github.com/jasper07">jasper07</a>
<a href="http://secondphase.com.au">Second Phase Solutions</a>
</p>
<p><a href="https://github.com/jasoncostello/slate">Slate</a> theme for GitHub Pages</p>
</footer>
</div>
</body>
</html>
<script src="js/prism.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
sap.ui.getCore().loadLibrary("openui5.googlemaps", "openui5/googlemaps/");
var sXmlView = '<?xml version="1.0" encoding="UTF-8" ?>' + '<mvc:View xmlns:mvc="sap.ui.core.mvc"' + ' xmlns:gmaps="openui5.googlemaps"' + ' controllerName="sampleController">' + ' <gmaps:Map height="250px" zoom="12" lat="-33.895" lng="151.275" apiKey="AIzaSyD6EmAk92gaGzjYVYU-ebd_BK-rgejSoZ0">' + ' <gmaps:markers>' + ' <gmaps:Marker lat="-33.895" lng="151.275" info="Bondi Beach" />' + ' </gmaps:markers>' + ' </gmaps:Map>' + '</mvc:View>';
var oController = sap.ui.controller("sampleController", {});
var oXMLView = new sap.ui.xmlview({
viewContent: sXmlView,
controller: oController
}).placeAt("sample1");
</script>