First Step
Wednesday, March 6, 2024 1:18 PMTo include the Plugin in your project add the HTML-Snipet in your Code where you want to initialize the map. Now AngularJS will run it's View Compiler for it and Place the Map inside of the div#locationApp > location.
<!-- Include the StyleSheet-->
<div id="locationApp">
<location>Loading...</location>
</div>
Is it done you have to place the JS-Script in your projekt structure.
<!-- 1. Load libraries -->
<script type='text/javascript' src="//shareurloc.com/plugins/v1/dependencies.min.js" defer></script>
<script type='text/javascript' src="//shareurloc.com/plugins/v1/shareurloc.min.js"> defer</script>
<!-- Include the StyleSheet-->
<link rel="stylesheet" href="//shareurloc.com/plugins/v1/css/style.css">
<!-- Config your map -->
<script type='text/javascript'>
var $locationApp = {
api_token: '###API-KEY###',
result_over : false, // Display Search/Results over the map
full_xs : true, // Full Map Size on Mobile Device
map_size : false, // Map Size ('16:9'; '4:3'; 'full'; false)
map_style : '', //http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html?utm_medium=twitter
.....
};
</script>
You can also use the combined minified JS-Version of these JavaScript's
<script type="text/javascript" src="//shareurloc.com/api/v1/js?api_token=###API-KEY###"></script>