Skip to content
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
134 lines (93 sloc) 3.98 KB
<!DOCTYPE html>
<html class="no-js" lang="">
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>WRA | Map</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/well-card.css">
<link rel="stylesheet" href="css/map-desktop.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="">upgrade your browser</a> to improve your experience.</p>
<!-- Add your site or application content here -->
<nav class="top-nav">
<div class="main-bttns">
<button onclick="document.getElementById('menu').classList.toggle('closed'); document.getElementById('close-menu').classList.toggle('closed')"><img src="img/menu.svg" alt="menu" /></button> <h1>Well Report App</h1>
<a href="search.html"><button><img src="img/search.svg" alt="menu" /></button></a>
<div class="close-menu closed" id="close-menu" onclick="document.getElementById('menu').classList.toggle('closed'); document.getElementById('close-menu').classList.toggle('closed')"></div>
<div class="slide-menu closed" id="menu">
<p>Currntly signed in as: <br>
<a href="#">Logout</a>
<a class="settings" href="#">Settings</a>
<main class="map">
<div id="map" class="google-maps">
<div class="well-preview well-card clearfix">
<div class="well-img"></div>
<h2>Well Name</h2>
<p>short well description</p>
<a href="details.html">DETAILS</a>
<div class="desk-details">
<a href="details.php" class="go-to" > go to > </a>
include 'details-content.php';
<nav class="bottom-nav">
<button><a href="map.php"><img src="img/map.svg" alt="menu" /></a></button>
<button><a href="wells-list.php"><img src="img/well.png" alt="menu" /></a></button>
<nav class="fabs">
<button class="gps"><img src="img/gps.svg" alt="get location" /></button>
<button class="add-well"><a href="form.php"> <img src="img/add.svg" alt="add well" /></a></button>
<script src=""></script>
window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
function initMap() {
var myLatLng = {lat: -25.363, lng: 131.044};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: myLatLng
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: 'Hello World!'
<script async defer
notes :
we will need a file where we import the well name, address, longiture and latitude within the range we chose
we need a food loop for it
You can’t perform that action at this time.