Commit 2788460f authored by Kroustouris Stauros's avatar Kroustouris Stauros

update base html, maps and use new bootstrap version.

all the pages have to be revised but its a godd start
parent 7f1f9f3b
......@@ -3,11 +3,7 @@
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}eduroam | {{COUNTRY_CODE}}{% endblock %} : {% block currentpagetitle %}{% endblock %}</title>
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
<link href="{% static 'css/style.css' %}" rel="stylesheet">
<title>{% block title %}EDUROAM | {{COUNTRY_CODE}}{% endblock %} : {% block currentpagetitle %}{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link REL="shortcut icon" HREF="{% static 'img/favicon.ico' %}">
......@@ -15,146 +11,84 @@
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{% static 'img/edu114-icon.png' %}">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{% static 'img/edu72-icon.png' %}">
<link rel="apple-touch-icon-precomposed" href="{% static 'img/edu-icon.png' %}">
<style type="text/css">
body {
padding-top: 90px;
/*padding-bottom: 60px;*/
}
.sidebar-nav {
padding: 9px 0;
}
.headtitle {
font-family: "Franklin Gothic Demi", "Franklin Gothic",
"ITC Franklin Gothic", Arial, sans-serif;
letter-spacing: -1px;
}
#logotitle,#logotitle.a {
color: #656565;
font-size: 18px;
font-weight: bold;
left: 105px;
position: relative;
top: 60px;
font-family: "Franklin Gothic Demi", "Franklin Gothic",
"ITC Franklin Gothic", Arial, sans-serif;
letter-spacing: -1px;
width: 300px;
}
.navbar .brand { max-height: 40px; overflow: visible;padding-top: 0;padding-bottom: 0; }
.dropdown-menu.loginoptions a {
width: 80px;
display: inline-table;
}
</style>
<link href="{% static 'css/bootstrap-responsive.min.css' %}" rel="stylesheet">
<script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script type="text/javascript">
function setlang(lang){
$("#langsel").val(lang);
$("#langform").submit();
}
</script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<link href="{% static 'css/style.css' %}" rel="stylesheet">
{% block extrahead %}{% endblock %}
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid" style="padding-left: 0px; width: auto;">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand visible-desktop" href="{% block logourl %}{% url index %}{% endblock %}"><img src="{% static 'img/logo_holder.png' %}" /></a>
<a class="brand hidden-desktop" href="{% url index %}"><img src="{% static 'img/logo_small.png' %}" /></a>
<div class="nav-collapse collapse">
{% block topmenu %}
<ul class="nav">
<li {% block hometop %}{% endblock %}>
<a href="{% url index %}">{% trans "Home" %}</a>
</li>
<li {% block faqtop %}{% endblock %}>
<a href="/faq/{{LANGUAGE_CODE}}/">FAQ</a>
</li>
{% include "front/management_dropdown.html" %}
</ul>
{% endblock %}
<ul class="nav pull-right">
<li class="dropdown pull-right">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{% trans "Language" %}: {% for lang in LANGUAGES %}{% ifequal LANGUAGE_CODE lang.0 %}{% trans lang.1 %}{% endifequal %}{% endfor %}<b class="caret"></b></a>
<ul class="dropdown-menu">
<form action="{% url django.views.i18n.set_language %}" method="post" style="display:inline;" id="langform">
{% csrf_token %}
<input name="next" type="hidden" value="{{ next }}" />
<input id="langsel" name="language" type="hidden" value="" />
</form>
{% for lang in LANGUAGES %}
<li>
<a class="select_lang" href="#" onclick="setlang('{{ lang.0 }}'); return false;" title="{{lang.1}}">{% trans lang.1 %}{% ifequal LANGUAGE_CODE lang.0 %} <i class="icon-ok"></i>{% endifequal %}</a>
<body class="{% block bodyclass %}{% endblock%}">
<div id="wrap">
{% block header %}
<div class="push-top"></div>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/"><img src="{% static 'img/eduroam_logo.png' %}" /></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="{% block hometop %}{% endblock %}"><a href="{% url index %}">{% trans "Home" %}</a></li>
<li class="{% block faqtop %}{% endblock %}"><a href="/faq/{{LANGUAGE_CODE}}/">FAQ</a></li>
<li><a href="{% url manage %}"> {% trans "Manage" %}</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Language" %}: {% for lang in LANGUAGES %}{% ifequal LANGUAGE_CODE lang.0 %}{% trans lang.1 %}{% endifequal %}{% endfor %} <span class="caret"></span></a>
<ul class="dropdown-menu">
<form action="{% url django.views.i18n.set_language %}" method="post" id="langform">
{% csrf_token %}
<input name="next" type="hidden" value="{{ next }}" />
<input id="langsel" name="language" type="hidden" value="" />
</form>
{% for lang in LANGUAGES %}
<li class="language {% ifequal LANGUAGE_CODE lang.0 %}active{% endifequal %}" data-lang="{{ lang.0 }}" >
<a href="#" title="{{lang.1}}">{% trans lang.1 %}</a>
</li>
{% endfor %}
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Institutions" %}<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="{% block mgmt %}{% endblock %}"><a href="{% url managementPage %}">{% trans "Management" %}</a></li>
</ul>
</li>
{% endfor %}
</ul>
</li>
<li class="hidden-phone">
<a href="{{DOMAIN_MAIN_URL}}" style="padding: 0px; margin: 0px;"><img src="{% static 'img/right_logo_small.png' %}"></a>
</li>
</ul>
</div>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Service" %}<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="{% block closest %}{% endblock %}"><a href="{% url geolocate %}" target="_blank">{% trans "Closest eduroam" %}</a></li>
<li class="{% block world %}{% endblock %}"><a href="{% url world %}">{% trans "World eduroam" %}</a></li>
<li class="{% block participants %}{% endblock %}"><a href="{% url participants %}">{% trans "Participants" %}</a></li>
<li><a href="https://apps.getpebble.com/applications/5384b2119c84af48350000c7">{% trans "pebduroam" %}</a></li>
</ul>
</li>
<li >
<li class="{% block api %}{% endblock %}"><a href="{% url api %}">{% trans "Closest point api" %}</a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
{% endblock %}
{% block content %}
<div class="container">
{% block subcontent %}
{% endblock %}
</div>
{% endblock %}
<div class="push"></div>
</div>
</div>
</div>
{% block content %}
<div class="container-fluid">
<div class="row-fluid">
<div class="span2">
<div class="well sidebar-nav">
<ul class="nav nav-list">
<li {% block homepage %}{% endblock %}><a href="{% url index %}">{% trans "Home" %}</a></li>
<li class="nav-header">{% trans "USERS" %}</li>
<li {% block whatis %}{% endblock %}><a href="/what/{{LANGUAGE_CODE}}/">{% trans "The service" %}</a></li>
<li {% block faq %}{% endblock %}><a href="/faq/{{LANGUAGE_CODE}}/">FAQ</a></li>
<li class="nav-header">{% trans "INSTITUTIONS" %}</li>
<li {% block mgmt %}{% endblock %}><a href="{% url managementPage %}">{% trans "Management" %}</a></li>
<li class="nav-header">{% trans "SERVICE" %}</li>
<li {% block closest %}{% endblock %}><a href="{% url geolocate %}" target="_blank">{% trans "Closest eduroam" %}</a></li>
<li {% block world %}{% endblock %}><a href="{% url world %}">{% trans "World eduroam" %}</a></li>
<li {% block participants %}{% endblock %}><a href="{% url participants %}">{% trans "Participants" %}</a></li>
<li><a href="https://apps.getpebble.com/applications/5384b2119c84af48350000c7">{% trans "pebduroam" %}</a></li>
<li class="nav-header">{% trans "API" %}</li>
<li {% block api %}{% endblock %}><a href="{% url api %}">{% trans "Closest point" %}</a></li>
</ul>
</div><!--/.well -->
<div class="hidden-phone"><img src="{% static 'img/keep_calm_eduroam_small.png' %}"></div>
</div><!--/span-->
<div class="span10">
<div class="row-fluid">
<!--/span-->
{% block subcontent %}
{% endblock %}
<!--/span-->
</div><!--/row-->
</div><!--/span-->
</div><!--/row-->
</div><!--/.fluid-container-->
{% endblock %}
{% include "footer.html" %}
</body>
{% include "partial/footer.html" %}
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="{% static 'js/script.js' %}"></script>
{% block extrajs %}{% endblock %}
</body>
</html>
......@@ -14,7 +14,6 @@
<META HTTP-EQUIV="Expires" CONTENT="-1">
<style type="text/css">
.headtitle {font-family: "Franklin Gothic Demi", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif; letter-spacing: -1px; }
</style>
<script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script>
<script type="text/javascript">
......@@ -35,7 +34,7 @@
{% endblock %}
{% block subcontent %}
<h4>{{ flatpage.title }}</h4>
<h1>{{ flatpage.title }}</h1>
<hr>
<div class="span6">
{{ flatpage.content|linebreaks }}
......
{% load i18n %}
<footer class="footer">
<div id="footcontainer" class="container">
{% if user.is_authenticated %}
<p>{% trans "If you have any questions or need help, contact" %} {{DOMAIN_HELPDESK_DICT.name}} (<a href="{{DOMAIN_HELPDESK_DICT.uri}}">{{DOMAIN_HELPDESK_DICT.uri}}</a>) - {{DOMAIN_HELPDESK_DICT.phone}}</p>
{% endif %}
<div style="padding-top: 10px;">{% trans "This is a service provided by" %} <a href="{{PROV_TEAM.url}}" target="_blank">{{PROV_TEAM.name}}</a>
{% for media in SOCIAL_MEDIA_LIST %}
<a href="{{media.url}}" target="_blank"><img src="{{media.icon}}" alt="{{PROV_TEAM.name}} on {{media.name}}" title="{{PROV_TEAM.name}} on {{media.name}}"/></a>
{% endfor %}
</div>
<div style="padding-top: 10px;">Powered by <a href="http://djnro.grnet.gr/" target="_blank">DjNRO</a> v{{VERSION}}</div>
</div>
</footer>
......@@ -7,7 +7,7 @@
{% block subcontent %}
<h4>{% trans "Closest point API" %}</h4>
<h1>{% trans "Closest point API" %}</h1>
<hr>
<div class="span6">
<p>{% blocktrans %}Since we collect information from eduroam.org about the available eduroam points, we developed the closest point service API, which handles locating the closest eduroam service location.{% endblocktrans %}</p>
......@@ -22,20 +22,19 @@
<strong>lat:</strong>Latitude coordinate, eg. 37.98101<br>
<strong>lng:</strong>Longitude coordinate, eg. 23.728695
</div>
<strong>Example request: </strong>
<div class="well">
Find the closest eduroam point to my position, eg. coords(37.98, 23.72): <br><strong>https://{{site}}{% url closest %}?lat=37.98&lng=23.72</strong>
</div>
<strong>Example response:</strong>
<pre>{
"lat": "37.972883",
"lng": "23.717463",
"text": "\n &lt;b&gt;Name:&lt;/b&gt; National Observatory, Athens, Greece&lt;br&gt;&lt;b&gt;Address:&lt;/b&gt; Athens, 118 51&lt;br&gt;&lt;b&gt;SSID:&lt;/b&gt; EDUROAM&lt;br&gt;&lt;b&gt;Enc:&lt;/b&gt; WPA2/AES&lt;br&gt;&lt;b&gt;AP:&lt;/b&gt; 1&lt;br&gt; \n ",
"name": "\n &lt;b&gt;Name:&lt;/b&gt; National Observatory, Athens, Greece&lt;br&gt;&lt;b&gt;Address:&lt;/b&gt; Athens, 118 51&lt;br&gt;&lt;b&gt;SSID:&lt;/b&gt; EDUROAM&lt;br&gt;&lt;b&gt;Enc:&lt;/b&gt; WPA2/AES&lt;br&gt;&lt;b&gt;AP:&lt;/b&gt; 1&lt;br&gt; \n "
"plainname": "National Observatory of Athens ",
<strong>Example request: </strong>
<div class="well">
Find the closest eduroam point to my position, eg. coords(37.98, 23.72): <br><strong>https://{{site}}{% url closest %}?lat=37.98&lng=23.72</strong>
</div>
<strong>Example response:</strong>
<pre>
{
"lat": "37.972883",
"lng": "23.717463",
"text": "\n &lt;b&gt;Name:&lt;/b&gt; National Observatory, Athens, Greece&lt;br&gt;&lt;b&gt;Address:&lt;/b&gt; Athens, 118 51&lt;br&gt;&lt;b&gt;SSID:&lt;/b&gt; EDUROAM&lt;br&gt;&lt;b&gt;Enc:&lt;/b&gt; WPA2/AES&lt;br&gt;&lt;b&gt;AP:&lt;/b&gt; 1&lt;br&gt; \n ",
"name": "\n &lt;b&gt;Name:&lt;/b&gt; National Observatory, Athens, Greece&lt;br&gt;&lt;b&gt;Address:&lt;/b&gt; Athens, 118 51&lt;br&gt;&lt;b&gt;SSID:&lt;/b&gt; EDUROAM&lt;br&gt;&lt;b&gt;Enc:&lt;/b&gt; WPA2/AES&lt;br&gt;&lt;b&gt;AP:&lt;/b&gt; 1&lt;br&gt; \n "
"plainname": "National Observatory of Athens ",
}
</pre>
</div>
</pre>
</div>
{% endblock %}
{% extends 'base.html' %}
{% load i18n %}
{% load staticfiles %}
<!DOCTYPE html>
<html lang="en" style="height: 100%">
<head>
<meta charset="utf-8">
<title>{% trans "Closest" %} Eduroam</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link REL="shortcut icon" HREF="{% static 'img/favicon.ico' %}">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{% static 'img/edu144-icon.png' %}">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{% static 'img/edu114-icon.png' %}">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{% static 'img/edu72-icon.png' %}">
<link rel="apple-touch-icon-precomposed" href="{% static 'img/edu-icon.png' %}">
<meta name="description" content="">
<meta name="author" content="">
{% block currentpagetitle %}{% trans "Closest Access Point" %}{% endblock %}
<script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script>
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script type="text/javascript" src="//maps.google.com/maps/api/js?v=3.exp&sensor=true&language=en&libraries=places"></script>
<style>
body {
padding-top: 40px;
padding-left: 0px;
padding-right: 0px;
/*padding-bottom: 60px;*/
}
#map_canvas {
/*
width: 100%;
height: 100%;
*/
position: relative;
height: 100%;
width: 100%;
bottom: 0;
left: 0;
right: 0;
top: 0px;
}
.navbar-fixed-top{
margin-bottom: 0px;
}
.btnNoBgMove:hover {
background-position: 0 0;
}
</style>
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="{% static 'css/bootstrap-responsive.min.css" rel="stylesheet' %}">
<style>
body {
padding-left: 0px;
padding-right: 0px;
/*padding-bottom: 60px;*/
}
.container-fluid {
padding-left: 0px;
padding-right: 0px;
}
.pac-container{
z-index: 3000 !important;
}
</style>
{% block extrajs %}
<script type="text/javascript" src="//maps.google.com/maps/api/js?v=3.exp&sensor=true&language=en&libraries=places"></script>
<script type="text/javascript">
var lat = "{{MAP_CENTER.0}}";
var lat = parseFloat(lat.replace(",","."));
......@@ -220,7 +153,7 @@ margin-bottom: 0px;
directionsDisplay.setDirections(response);
var route = response.routes[0];
var distText = route.legs[0].distance.text;
$("#distanceText").html(distText);
$("#distanceText").html('Total distance: ' + distText);
}
});
}
......@@ -294,10 +227,6 @@ function autocomplete() {
function resizeMap()
{
h = $(window).height();
h = h - 55;
$("div#map_canvas").css({'height' : h+'px' });
if (map != undefined)
{
......@@ -326,53 +255,39 @@ function resizeMap()
});
</script>
</head>
<body>
<div class="navbar navbar-fixed-top" style="margin-bottom: 0px; margin-right: 0px; margin-left: 0px;">
<div class="navbar-inner" style="padding: 0px 20px;">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#" style="font-size: 14px;"><img src="{% static 'img/eduroam_trans_80pix.png' %}" style="height:20px"> near me</a>
<ul class="nav">
<li id="distanceText" style="line-height:40px;" style="font-size: 14px;"></li>
</ul>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="hidden-desktop" style="text-align: center"><span class="alert" style="font-size: 12px;padding: 3px 2px; line-height: 40px;">Accuracy depends on connection type</span></li>
<li style="text-align: center">
<div class="navbar-search pull-left" style="margin-left: 5px;">
<input type="text" class="search-query" placeholder="Search" id="searchTextField">
</div>
</li>
<li class="hidden-desktop" style="text-align: center;"><button id="mylocm" title="Current location" class="btn btnNoBgMove" style="background: url('{% static 'img/home_target.png' %}') no-repeat top center; width: 80px; height: 32px; padding: 0px;" href="#"></button></li>
<li class="visible-desktop"><span id="localert" class="alert" style="font-size: 12px;padding: 3px; 2px; line-height: 40px; margin-left: 15px;">Accuracy depends on connection type</span></li>
</ul>
<ul class="nav pull-right visible-desktop">
<li class="pull-right" style="text-align: center">
<button id="myloc" title="Current location" class="btn btnNoBgMove" style="background: url('{% static 'img/home_target.png' %}') no-repeat top center; width: 32px; height: 32px; padding: 0px;" href="#"></button>
</li>
</ul>
</div><!--/.nav-collapse -->
{% endblock %}
{% block bodyclass %}closest{% endblock%}
{% block header %}
<div class="push-top"></div>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/"><img src="{% static 'img/eduroam_logo.png' %}" /></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<div class="col-sm-3 col-md-3 pull-right">
<div class="input-group" style="margin-top: 8px;">
<span class="input-group-btn">
<button id="mylocm" class="btn btn-default" type="button">My location</button>
</span>
<input type="text" id="searchTextField" class="form-control" placeholder="Search for...">
</div>
</div>
<div class="col-sm-3 col-md-3 pull-right" style="margin-top: 18px">
<span id="distanceText"></span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<div class="row-fluid">
</nav>
{% endblock %}
{% block content %}
<div id="map_canvas" style="width:100%"></div>
</div>
</div>
</div>
</div>
</body>
</html>
{% endblock %}
......@@ -2,377 +2,69 @@
{% load i18n %}
{% load staticfiles %}
{% block currentpagetitle %}{% trans "Home" %}{% endblock %}
{% block homepage %}class="active"{% endblock %}
{% block hometop %}class="active"{% endblock %}
{% block extrahead %}
<style type="text/css">
.headtitle {font-family: "Franklin Gothic Demi", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif; letter-spacing: -1px; }
</style>
<script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/markerclusterer.js' %}"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var lat = "{{MAP_CENTER.0}}";
var lat = parseFloat(lat.replace(",","."));
var lng = "{{MAP_CENTER.1}}";
var lng = parseFloat(lng.replace(",","."));
var zoomLevel = 6;
var latlng = new google.maps.LatLng(lat,lng);
var map = '';
var bounds = '';
var image = '';
var infoWindow;
addr = {};
var styles = [ {
url : '{% static 'img/edugroup.png' %}',
height : 54,
width : 63,
textColor : '#ffffff',
textSize : 11
}, {
url : '{% static 'img/edugroup.png' %}',
height : 54,
width : 63,
textColor : '#ffffff',
textSize : 11
}, {
url : '{% static 'img/edugroup.png' %}',
height : 54,
width : 63,
textColor : '#ffffff',
textSize : 11
} ];
function initialize() {
image = new google.maps.MarkerImage('{% static 'img/edupin.png' %}',
// This marker is 29 pixels wide by 40 pixels tall.
new google.maps.Size(29, 40),
// The origin for this image is 0,0.
new google.maps.Point(0, 0),
// The anchor for this image is the base of the flagpole at 18,42.
new google.maps.Point(14, 40));
var styleArray = [ {
featureType : "all",
stylers : [ {
saturation : -60
}, {
gamma : 1.00
} ]
}, {
featureType : "poi.business",
elementType : "labels",
stylers : [ {
visibility : "off"
} ]
}, {
"featureType" : "transit.line",
"elementType" : "geometry",
"stylers" : [ {
"visibility" : "off"
} ]
}, {
"featureType" : "poi",
"elementType" : "all",
"stylers" : [ {
"visibility" : "off"
} ]
}, {
'featureType' : "administrative.country",
'elementType' : "labels",
'stylers' : [ {
'visibility' : "off"
} ]
}
];
geocoder = new google.maps.Geocoder();
// disable scrolling/draging in maps
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
isDraggable = false;
isScrollable = true;
} else {
isDraggable = true;
isScrollable = false;
}
var mapOptions = {
center : latlng,
zoom : zoomLevel,
mapTypeId : google.maps.MapTypeId.ROADMAP,
styles : styleArray,
mapTypeId : google.maps.MapTypeId.ROADMAP,
mapTypeControlOptions : {
style : google.maps.MapTypeControlStyle.DEFAULT
},
navigationControl : true,