Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
async angular google maps loader
<meta charset='utf-8'>
<script src=""></script>
<script src="//"></script>
<script src="//"></script>
<title>async angular maps</title>
<style type="text/css">
.angular-google-map-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
<script type="text/javascript">
gmapApp = angular.module('gmapApp', ['uiGmapgoogle-maps'])
.config(function(uiGmapGoogleMapApiProvider) {
// key: 'your api key',
v: '3.17',
libraries: 'weather,geometry,visualization'
.controller('mainCtrl', function($scope) {
$ = {center: {latitude: 49.25, longitude: -123.1 }, zoom: 13 };
$scope.options = {scrollwheel: true};
<body ng-app="gmapApp">
<div ng-controller="mainCtrl">
<ui-gmap-google-map center="" zoom="map.zoom" options="options"></ui-gmap-google-map>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.