API tools faq
paste
Advertisement
Nerdicus

BPI Google Maps Integration

Nerdicus
Aug 22nd, 2014
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge">
  5.     <title>BPI &middot; Map</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta name="description" content="Your Genuine Plumbing Parts Supplier ~ The largest inventory of O.E.M. parts in the Southwest. (623) 889-7399 or Toll-free 1-800-729-2580." />
  8.     <meta name="author" content="J.S.Wright">
  9.     <meta name="keywords" content="Plumbing, Parts, Arizona, AZ, Glendale, Phoenix, Gilbert, wholesale, supplies, largest, inventory, OEM, Southwest, Genuine, Partsmaster, Browns, Warehouse" />
  10.     <meta name="publisher" content="Brown's Partsmaster, Inc" />
  11.     <meta name="rating" content="General" />
  12.     <meta name="copyright" content="Copyright 2013 &copy; Brown's Partsmaster - All Rights Reserved" />
  13.     <meta name="robots" content="index, follow, archive" />
  14.     <meta name="verify-v1" content="7fwtIhbDkLzRCRSq0fWWDP7IoFxo9ybDSGkHAvfTjY4=" />
  15.     <!-- Le styles -->
  16.    
  17.     <script type='text/javascript' src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
  18.     <script src="/js/map.js"></script>
  19.    
  20.     <link href="bootstrap.css" rel="stylesheet" />
  21.     <link rel="stylesheet" href="scrollToTop/css/scrollToTop.css">
  22.     <link rel="stylesheet" href="scrollToTop/css/easing.css">
  23.     <style type="text/css">
  24.       .gmnoprint img { max-width: none; }
  25.       .gmnoprint .div {
  26.         -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 0px 4px;
  27.         box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 0px 4px;
  28.       }
  29.       #map_canvas1{ max-width: 1124px; height: 400px; margin:auto; margin-bottom:20px;}
  30.       #map div{max-width: inherit;}
  31.       #border {border: 1px solid rgb(113, 123, 135);
  32.          -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
  33.       }
  34.       #reset {padding: 1px 6px; z-index:0;}
  35.     </style>
  36.     <link href="bootstrap-responsive.css" rel="stylesheet">
  37.     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  38.     <!--[if lt IE 9]>
  39.      <script src="../assets/js/html5shiv.js"></script>
  40.    <![endif]-->
  41.  
  42.     <!--~WSC010;cookie_auth~WSCLIB;get_cust_info~-->
  43.    
  44.     <!-- Fav and touch icons -->
  45.     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
  46.     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
  47.       <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
  48.                     <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
  49.  
  50.   </head>
  51.  
  52.   <body>
  53.    <div id="fb-root"></div><script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=555544241165052"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
  54.   <div id="wrap">
  55.   <div class="navbar navbar-inverse navbar-fixed-top">
  56.       <div class="navbar-inner">
  57.         <div class="container-fluid">
  58.            <button id="trigger" style="float:left; margin:10px 0" type="button" class="btn btn-navbar trigger">
  59.             <span class="icon-bar"></span>
  60.             <span class="icon-bar"></span>
  61.             <span class="icon-bar"></span>
  62.           </button>
  63.           <a class="brand" href="/"><img style="width:85px; margin:auto;" src="/images/BPI-Logo_black_transp.png" alt=""></a>
  64.           <form id="search" style="padding:10px 0 0 0; margin:auto;" class="pull-right"  method="get" action="search.html">
  65.                 <div class="input-append">
  66.                 <input id="search_val" type="text" name="search_val" placeholder="Search" size="30" maxlength="30">
  67.                     <select id='select' class="span2" name="search_type">
  68.                         <option value="websearch" [!--$sel_webs$--]>Fast Keyword</option>
  69.                         <option value="item" [!--$sel_item$--]>Item Number (Partial)</option>
  70.                         <option value="description" [!--$sel_desc$--]>Item Description (Partial)</option>
  71.                         <option value="alpha" [!--$sel_alph$--]>Alpha (case sensitive)</option>
  72.                     </select>
  73.                 <button class="btn" type="submit" name="go" value="Go!"><i class="icon-search"></i></button>
  74.                 </div>
  75.           </form>
  76.           <div class="nav-collapse collapse" id="navbar">
  77.             <!--/Start content for users with accounts -->
  78.             <ul class="nav pull-right login-btn">
  79.             <div style="margin:5px;" class="dropdown pull-right">
  80.             <a href="#" class="btn dropdown-toggle" data-toggle="dropdown"><!--?not(ws.authenticated)?--><i class="icon-user"></i> Log In<!--?--> <!--?(ws.authenticated)?--><i class="icon-user"></i> <!--?--><!--?(ws.authenticated)?--><!--$cust_name$--><!--?-->&nbsp;&nbsp;&nbsp;<b class="caret"></b></a>
  81.             <ul style="padding:10px;" class="dropdown-menu">
  82.             <script src="httpauth.js"></script>
  83.             <!--?not(ws.authenticated)?-->
  84.             <style type='text/css'>
  85.                 #LogOut {
  86.                     display:none;
  87.                 }
  88.             </style>
  89.             <li><a class="httpauth" id="private" href="private.php">Log In</a></li><!--/.For Login -->
  90.             <!--?-->
  91.             <!--?(ws.authenticated)?-->
  92.             <style type='text/css'>
  93.                 form.label{
  94.                     display:none;
  95.                 }
  96.                 #LogIn{
  97.                     display:none;
  98.                 }
  99.                 .input-prepend{
  100.                     display:none;
  101.                 }
  102.                 #LogOut {
  103.                     display:block;
  104.                     margin-left:50%;
  105.                 }
  106.             </style>
  107.             <li><a href="quick_lists.html" target="_top">Quick Lists</a></li>
  108.             <li><a href="order_status.html">Order Status</a></li>
  109.             <li><a href="statement.html">Statement</a></li>
  110.             <li><a href="recent_invoices.html">Recent Invoices</a></li>
  111.             <li><a href="history.html">Purchase History</a></li><li class="divider"></li><li><a href="shopping_cart.html" target="_self" title="Shopping Cart"><i class="icon-shopping-cart"></i>&nbsp;&nbsp;Shopping Cart&nbsp;&nbsp;<span class="badge" id="reg_cart"></span></a></li>
  112.             <li class="divider"></li>
  113.             <li><a class="httpauth" id="private" href="private.php">Log Out</a></li><!--/.for Logout -->
  114.             <!--?-->
  115.             </ul>
  116.             </div>
  117.             </ul><!--/.end content for users with accounts -->
  118.               <ul class="nav">
  119.                 <li><a href="index.html" target="_self" title="Home"><span class="nav-text"><i class="icon-home"></i>&nbsp;Home</span></a></li>
  120.                 <li><a href="contact.html" target="_self" title="Contact"><span class="nav-text">Contact</span></a></li>
  121.                 <li><a href="map.html" target="_self" title="Map"><span class="nav-text active">Locations</span></a></li>
  122.                 <li><a href="products.html" target="_self" title="Catalog"><span class="nav-text">Catalog</span></a></li>
  123.                 <li class="dropdown">
  124.                   <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="nav-text">More <b class="caret"></b></span></a>
  125.                   <ul class="dropdown-menu">
  126.                     <li><a href="brownsquarterly.pdf" target="_blank" title="Quarterly Special">Quarterly Special</a></li>
  127.                     <li><a href="about.html" target="_self" title="About Us">About Us</a></li>
  128.                     <li><a href="social.html" target="_self" title="Social">Social</a></li>
  129.                     <li><a href="mfgrs.html" target="_self" title=" Manufacturers">Manufacturers</a></li>
  130.                     <li><a href="gsa.html" target="_self" title="Government Services">Government Services</a></li>
  131.                     <li><a href="shopping_cart.html" target="_self" title="Shopping Cart"><i class="icon-shopping-cart"></i>&nbsp;&nbsp;Shopping Cart&nbsp;&nbsp;<span class="badge" id="cart"></span></a></li>
  132.                     <li class="divider"></li>
  133.                     <li class="nav-header">New User?</li>
  134.                     <li><a href="register.html" target="_self" title="registrar">Register With Us</a></li>
  135.                   </ul><!--/.dropdown-menu -->
  136.                 </li><!--/.dropdown -->
  137.               </ul><!--/.nav -->
  138.           </div><!--/.nav-collapse -->
  139.         </div>
  140.       </div>
  141.     </div><!--/.navbar -->
  142.  
  143.     <div class="container">
  144.  
  145.       <!-- Main hero unit for a primary marketing message or call to action -->
  146.       <div class="well text-center row">
  147.         <h1>4 Convenient Locations to Serve You!</h1>
  148.         <h3>Monday - Friday: 7am - 4pm<h3>
  149.       </div>
  150.       <div id='map_canvas1'></div>
  151.       <div class="well text-center row">
  152.       <div class="span4 offset1">
  153.         <address><h2>West Valley<br></h2>
  154.         <hr>
  155.         <strong><abbr title="Phone">P:</abbr> (623) 889-7399<br></strong>
  156.         <p>7280 N. Glen Harbor Blvd, &#35;101<br>
  157.         Glendale, AZ 85307<br></p>
  158.         </address>
  159.         <p>101 West to Glendale,<br> West 1.5 miles on Glendale,<br> North on Glen Harbor Blvd<br></p><br>
  160.         <p><a class="btn btn-primary" target="_blank" href="http://goo.gl/maps/EORQO">View Map &raquo;</a></p>
  161.       </div>
  162.       <div class="span4 offset1">
  163.           <address><h2>East Valley<br></h2>
  164.           <hr>
  165.           <strong><abbr title="Phone">P:</abbr> (480) 633-2520<br></strong>
  166.           <p>75 W. Baseline Rd. &#35;24<br>
  167.                  Gilbert, AZ 85233<br></p>
  168.           </address>
  169.           <p>US 60 to Country Club,<br> South to Baseline,<br> East 1&#47;2 mile to Fiesta Center,<br> South to &#35;24. </p>
  170.           <p><a class="btn btn-primary" target="_blank" href="http://goo.gl/maps/sDPPP">View Map &raquo;</a></p>
  171.         </div>
  172.       </div>
  173.  
  174.       <!-- Example row of columns -->
  175.       <div class="well row text-center">
  176.         <div class="span4 offset1">
  177.           <h2>Downtown Phoenix</h2>
  178.           <hr>
  179.           <address>
  180.           <strong><abbr title="Phone">P:</abbr> (602) 759-1771<br></strong>
  181.           <p>439 N. 19th Ave,<br>
  182.                  Phoenix, AZ 85009<br></p>
  183.           </address>
  184.           <p>I-17 to Jefferson,<br> East to 19th Ave.<br> North 1&#47;2 mile to Fillmore </p>
  185.           <p><a class="btn btn-primary" target="_blank" href="http://goo.gl/maps/vyLZb">View Map &raquo;</a></p>
  186.        </div>
  187.         <div class="span4 offset1">
  188.           <h2>North Phoenix</h2>
  189.           <hr>
  190.           <address>
  191.           <strong><abbr title="Phone">P:</abbr> (602) 889-7384<br></strong>
  192.           <p>2840 E. Mohawk Ln, &#35;105<br>
  193.                  Phoenix, AZ 85050<br></p>
  194.           </address>
  195.           <p>Loop 101 to Cave Creek,<br>North 1 block to Mohawk,<br>East 1&#47;2 mile.<br></p>
  196.           <p><a class="btn btn-primary" target="_blank" href="http://goo.gl/maps/H8Lb9">View Map &raquo;</a></p>
  197.         </div>
  198.       </div>
  199.       <footer>
  200.         <div class="pull-right text-center">
  201.         <p><a href="#">&nbsp;Back to top</a></p>
  202.         <div style='margin-right:2px;'>
  203.         <a id='social_f' class="muted twitter" target='_blank' href='http://www.facebook.com/pages/Browns-Partsmaster-Inc/101083536670'><i class="icon-facebook-sign icon-2x"></i></a>
  204.         <a id='social_t' class="muted facebook" target='_blank' href='http://www.twitter.com/bpiplumbing'><i class="icon-twitter-sign icon-2x"></i></a>
  205.         </div>
  206.         <div>
  207.         </div>
  208.         <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50fda8a607845ee1"></script>
  209.         </div>
  210.         <div class="fb-like" data-href="https://www.facebook.com/pages/Browns-Partsmaster-Inc/101083536670" data-send="true" data-width="450" data-show-faces="true" data-font="arial" data-action="recommend"></div>
  211.       <hr>
  212. <link href="footer.css" rel="stylesheet">
  213. <div class="row">
  214.         <div id="sitemap" class="wrap">
  215.         <div style="margin:auto;" class="nav navbar">
  216.         <div class="container">
  217.         <nav role="navigation" style="text-align:center;">
  218.         <table style="margin:20px auto;">
  219.         <tbody>
  220.         <tr>
  221.             <td class='text-center' style="margin:0 auto;">
  222.             <ul class="inline-phone clearfix">
  223.                 <li><a href="/">Home</a></li>
  224.                 <li><a href="about.html">About</a></li>
  225.                 <li><a href="social.html">Social</a></li>
  226.                 <li><a href="contact.html">Contact</a></li>
  227.                 <li><a href="gsa.html">GSA</a></li>
  228.                 <li><a href="map_div.html">Map</a></li>
  229.                 <li><a href="search.html">Search</a></li>
  230.             </ul>
  231.             </td>
  232.         </tr>
  233.         <tr>
  234.             <td class='text-center' style="margin:0 auto;">
  235.             <ul class="inline-phone clearfix">
  236.                 <li><a href="products.html">Products</a></li>
  237.                 <li><a href="register.html">Register</a></li>
  238.                 <li><a href="shopping_cart.html">Shopping Cart</a></li>
  239.                 <li><a href="checkout.html">Checkout</a></li>
  240.                 <li><a href="brownsquarterly.pdf">Quarterly Special</a></li>
  241.                 <li><a href="update.html">Update</a></li>
  242.                 <li><a href="mfgrs.html">Manufacturers</a></li>
  243.             </ul>
  244.             </td>
  245.         </tr>
  246.         </tbody>
  247.         </table>
  248.         </nav>
  249.         </div>
  250.         </div>
  251.         </div>
  252.         </div>
  253.       </footer>
  254.     <div id="tos_pp" class="modal hide fade" tabindex="-1"></div>
  255.     <div id='push' class='push'></div>
  256.     </div> <!-- /container -->
  257.     </div>
  258.     <div id="footer">
  259.     <div id="container">
  260.     <p class="muted copyright"><a class="muted tos" href="#" data-toggle="modal" role="button">Legal</a> &nbsp;&nbsp;&copy; 2014 Brown's Partsmaster, Inc.</p>
  261.     </div>
  262.     </div>
  263.    
  264.    
  265.    
  266.     <script src="js/jquery.js"></script>
  267.     <script src="js/bootstrap-transition.js"></script>
  268.     <script src="js/bootstrap-alert.js"></script>
  269.     <script src="js/bootstrap-dropdown.js"></script>
  270.     <script src="js/bootstrap-scrollspy.js"></script>
  271.     <script src="js/bootstrap-tab.js"></script>
  272.     <script src="js/bootstrap-tooltip.js"></script>
  273.     <script src="js/bootstrap-popover.js"></script>
  274.     <script src="js/bootstrap-button.js"></script>
  275.     <script src="js/bootstrap-collapse.js"></script>
  276.     <script src="js/bootstrap-carousel.js"></script>
  277.     <script src="js/bootstrap-typeahead.js"></script>
  278.     <script src="js/bootstrap-modalmanager.js"></script>
  279.     <script src="js/bootstrap-modal.js"></script>
  280.     <script src="legal_modal.js"></script>
  281.     <script src="js/bootstrap-jpanel.js"></script>
  282. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script src="scrollToTop/src/jquery-scrollToTop.js"></script><script type="text/javascript">$(document).ready(function($) {$('body').scrollToTop({distance: 200,speed: 1000,easing: 'linear',animation: 'fade',animationSpeed: 500,mobile: {width: 768,distance: 100,speed: 1000,easing: 'easeInOutElastic',animation: 'slide',animationSpeed: 200},trigger: null,target: null,text: 'Scroll To Top',skin: 'cycle', easing: 'easeInOutElastic',throttle: 250,namespace: 'scrollToTop'});});</script> <script>   var jPM = $.jPanelMenu({
  283.         menu: '#navbar',
  284.         trigger: '#trigger'
  285.         });
  286.     jPM.on();
  287.     </script>
  288.     <script src="js/holder/holder.js"></script>
  289.     <script type="text/javascript">
  290.     $(document).ready(function(e){
  291.     var getWindowWidth = $(window).width();
  292.     if (getWindowWidth > 768) {
  293.     $('a[href="#directions1"][data-toggle="tab"]').on('show.bs.tab', function () {
  294.         map.panTo(locOne);
  295.         map.setZoom(14);
  296.     })
  297.     $('a[href="#directions2"][data-toggle="tab"]').on('show.bs.tab', function () {
  298.         map.panTo(locTwo);
  299.         map.setZoom(14);
  300.     })
  301.     $('a[href="#directions3"][data-toggle="tab"]').on('show.bs.tab', function () {
  302.         map.panTo(locThree);
  303.         map.setZoom(14);
  304.     })
  305.     $('a[href="#directions4"][data-toggle="tab"]').on('show.bs.tab', function () {
  306.         map.panTo(locFour);
  307.         map.setZoom(14);
  308.     })
  309.     }
  310.     else {
  311.     e.preventDefault();
  312.     }});
  313.     </script>  
  314.   </body>
  315. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!