To 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>