Raataar/Ionic-Material
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

ionic-Material Design , Codecanyon

Browse Source
This commit is contained in:
Carsten Hilmer
2016-08-22 12:59:56 +02:00
parent 7cd84fe179
commit 92601ec169
1440 changed files with 482763 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
IonicMaterialDesign/www/templates/map-and-location/android-map-connect/html/android-map-connect.html Normal file
View File

@@ -0,0 +1,36 @@
<!--View Information-->
<!--View name : Android Map Connect-->
<!--Controller name : androidMapConnectCtrl-->
<!--Controller path : www/templates/map-and-location/android-map-connect/js/controllers.js-->
<!--State name : app.androidMapConnect-->
<!--URL : #app/androidMapConnect-->
<ion-view title="Android Map Connect">
<!--map and location section-->
<ion-content id="map-and-location">
<!--header section-->
<form>
<div>
<i class="fa fa-map md-primary-color"></i>
</div>
<div class="sub-header">Map Connect for Android</div>
<br/>
</form><!--end header section-->
<!--map input option section-->
<div class="map-input-option">
<md-input-container md-no-float="">
<input ng-model="destinationLocation" placeholder="Destination Location lat,long">
</md-input-container>
<a class="md-raised social-button md-button md-default-theme material-background"
ng-click="openMap(destinationLocation)">
Connect to Google Map
</a>
<!--footer section-->
<div class="footer">
This feature can use on Android devise only.
</div><!--end footer section-->
</div><!--end map input option section-->
</ion-content><!--map and location section-->
</ion-view>

31
IonicMaterialDesign/www/templates/map-and-location/android-map-connect/js/controllers.js Normal file
View File

@@ -0,0 +1,31 @@
// Controller of google androidMapConnect page.
// You can learn more about google map for Android at:
// https://developers.google.com/maps/documentation/android-api/intents?hl=en#display_a_map
// at Display a map section.
appControllers.controller('androidMapConnectCtrl', function ($scope) {
// initialForm is the first activity in the controller.
// It will initial all variable data and let the function works when page load.
$scope.initialForm = function () {
//destinationLocation is latitude,longitude of the destination location.
$scope.destinationLocation = "-37.817364,144.955464";
};// End initialForm
// openMap is for open Google Map application.
// Parameter :
// targetDestinationLocation = latitude,longitude of the destination location.
$scope.openMap = function (targetDestinationLocation) {
// window.open is to link to URL.
// The format is geo:?q=targetDestinationLocation(latitude,longitude)&z=15(Specifies the zoom level of the map).
// '_system' is for open map application
window.open('geo:?q=' + targetDestinationLocation + '&z=15', '_system');
// If you would like to custom map you can use this parameter below:
// latitude and longitude set the center point of the map.
// z optionally sets the initial zoom level of the map. Accepted values range from 0 (the whole world) to 21 (individual buildings).
// The upper limit can vary depending on the map data available at the selected location.
};// End openMap
$scope.initialForm();
});// End androidMapConnectCtrl controller.

41
IonicMaterialDesign/www/templates/map-and-location/ios-map-connect/html/ios-map-connect.html Normal file
View File

@@ -0,0 +1,41 @@
<!--View Information-->
<!--View name : IOS Map Connect-->
<!--Controller name : iosMapConnectCtrl-->
<!--Controller path : www/templates/map-and-location/ios-map-connect/js/controllers.js-->
<!--State name : app.iosMapConnect-->
<!--URL : #app/iosMapConnect-->
<ion-view title="IOS Map Connect">
<!--map and location section-->
<ion-content id="map-and-location">
<!--header section-->
<form>
<div>
<i class="fa fa-map-o md-primary-color"></i>
</div>
<div class="sub-header">Map Connect for IOS</div>
<br/>
</form><!--end header section-->
<!--map input option section-->
<div class="map-input-option">
<md-input-container md-no-float="">
<input ng-model="destinationLocation" placeholder="Destination Location lat,long">
</md-input-container>
<a class="md-raised social-button md-button md-default-theme material-background"
ng-click="openIosMap(destinationLocation)">
Connect to IOS Map
</a>
<a class="md-raised social-button md-button md-default-theme material-background"
ng-click="openGoogleMap(destinationLocation)">
Connect to Google Map
</a>
<!--footer section-->
<div class="footer">
This feature can use on IOS devise only.
</div><!--end footer section-->
</div><!--end map input option section-->
</ion-content><!--map and location section-->
</ion-view>

56
IonicMaterialDesign/www/templates/map-and-location/ios-map-connect/js/controllers.js Normal file
View File

@@ -0,0 +1,56 @@
// Controller of google iosMapConnect page.
// You can learn more about ios map at:
// https://developer.apple.com/library/iad/featuredarticles/iPhoneURLScheme_Reference/MapLinks/MapLinks.html
// You can learn more about google map for ios at:
// https://developers.google.com/maps/documentation/ios-sdk/urlscheme?hl=en#display_a_map
// at Display a map section.
appControllers.controller('iosMapConnectCtrl', function ($scope) {
// initialForm is the first activity in the controller.
// It will initial all variable data and let the function works when page load.
$scope.initialForm = function () {
//destinationLocation is latitude,longitude of the destination location.
$scope.destinationLocation = "-37.817364,144.955464";
};// End initialForm
// openIosMap is for open IOS Map application.
// Parameter :
// targetDestinationLocation = latitude,longitude of the destination location.
$scope.openIosMap = function (targetDestinationLocation) {
// window.open is to link to URL.
// The format is maps://?q=targetDestinationLocation(latitude,longitude).
// '_system' is for open map application
window.open('maps://?q=' + targetDestinationLocation, '_system');
// If you would like to custom map you can use this parameter below:
// q = The query parameter. This parameter is treated as if it had been typed into the query box by the user in the Maps app. q=* is not supported
// near = The location part of the query.
// ll = The latitude and longitude points (in decimal format, comma separated, and in that order) for the map center point.
// sll = The latitude and longitude points from which a business search should be performed.
// spn = The approximate latitude and longitude span.
// sspn = A custom latitude and longitude span format used by Apple. The value of this parameter is the latitude and longitude separated by a comma. For example, to specify a latitudinal span of 20.4 degrees and a longitudinal span of 30.8 degrees, you would use the string “sspn=20.4,30.8”.
// t = The type of map to display.
// z = The zoom level.
// saddr = The source address, which is used when generating driving directions
// daddr = The destination address, which is used when generating driving directions.
};// End openIosMap
// openGoogleMap is for open Google Map application.
// Parameter :
// targetDestinationLocation = latitude,longitude of the destination location.
$scope.openGoogleMap = function (targetDestinationLocation) {
// window.open is to link to URL.
// The format is comgooglemaps://?q=targetDestinationLocation(latitude,longitude)&zoom=15(Specifies the zoom level of the map).
// '_system' is for open map application
window.open('comgooglemaps://?q=' + targetDestinationLocation + '&zoom=15', '_system');
// If you would like to custom map you can use this paramitor below:
// center: This is the map viewport center point. Formatted as a comma separated string of latitude,longitude.
// mapmode: Sets the kind of map shown. Can be set to: standard or streetview. If not specified, the current application settings will be used.
// views: Turns specific views on/off. Can be set to: satellite, traffic, or transit. Multiple values can be set using a comma-separator. If the parameter is specified with no value, then it will clear all views.
// zoom: Specifies the zoom level of the map.
};// End openGoogleMap
$scope.initialForm();
});// End iosMapConnectCtrl controller.