jQuery Location Picker не работал должным образом в течение нескольких дней - PullRequest
Новая
       17

jQuery Location Picker не работал должным образом в течение нескольких дней

0 голосов
/ 05 апреля 2019

Я использую API выбора местоположения jquery для просмотра карты.Карта не отображалась в течение нескольких дней.Я ничего не изменил в коде, и он перестал работать - если это было возможно.Я проверил все возможные конфигурации и больше ничего не приходит в голову 

<!DOCTYPE HTML>
<html lang="pl">
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta charset="utf-8"/>
		<title>historia-lokalna.pl - dodaj link test1</title>
		<meta name="description" content="Historia działa się obok nas"  />
		<meta name="keywords" content="historia"  />
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/> 
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/animate.css" rel="stylesheet" media="screen">
		<link  href="css/style.css" rel="stylesheet" type="text/css"/>
        <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
     

		<link rel="stylesheet" type="text/css" media="all" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin,latin-ext">
		
         
    <!--angular-->
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <!-- Bootstrap stuff -->
    
    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
    
    <script type="text/javascript" src='https://maps.google.com/maps/api/js?key=AIzaSyD_n_0mOPCs7DxlW4t6rzSiD0KyUXQktVY&sensor=false&libraries=places'></script>
    <script src="dist/locationpicker.jquery.min.js"></script>

    <script src="src/angularLocationpicker.jquery.js"></script>

 <style type="text/css">

@font-face {
	font-family: comic;
    src: url(fonts/Apropal-Bold.otf);
    /*src: url(fonts/Tagger-Regular.otf);*/
}


</style>

</head>

<!--###############################-->
	    <!-- MENU GÓRNE ###################-->
	    <!--###############################-->
	    <header id="menu" class="navbar navbar-default navbar-fixed-top">
	        <div class="container"><!-- Do sprawdzenia i skasowania-->
	            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><!-- Do sprawdzenia i skasowania-->
	                <nav class="navbar navbar-inverse" role="navigation" id="pasek_nawi"><!-- Do sprawdzenia i skasowania-->
	                    <div class="container-fluid">
	                        <div class="navbar-header">
	                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#moje-menu">
	                                <span class="sr-only">Nawigacja</span>
	                                <span class="icon-bar"></span>
	                                <span class="icon-bar"></span>
	                                <span class="icon-bar"></span>
	                            </button>
	                            <div id="logo apropal">
	                               <a  style="color:green; font-family: comic " class="navbar-brand" href="http://historia-lokalna.pl">historia-lokalna.pl</a>
	                            </div>
	                        </div>
	                        <div class="collapse navbar-collapse" id="moje-menu">
	                            <ul class="nav navbar-nav navbar-right" id="ul_nawigacja">
                                <li><a href="http://historia-lokalna.pl\#przegladaj">Artykuły</a></li>
                                
                            <li><a href="http://historia-lokalna.pl\wydarzenia.php">Uroczystości</a></li>
	                                 <li><a href="http://historia-lokalna.pl\dodaj.php">Dodaj uroczystość</a></li>
                                    <li><a href="http://historia-lokalna.pl\info.php">O serwisie</a></li>
	                               
	                                <li><a href="http://historia-lokalna.pl\kontakt.php">Kontakt</a></li>
                                    <li><a href="http://facebook.com/historialokalnapl/"><img src="http://historia-lokalna.pl/images/facebook.png" alt="Strona na Facebooku" width="23" height="23"/></a></li>
	                            </ul>
	                        </div>
	                    </div>
	                </nav>
	            </div>
	        </div>
	    </header>

   






<body ng-app="locationpickerApp" ng-controller="locationpickerController">
<section id="przegladaj">
<h2 class="przegladaj_naglowek">Dodaj artykuł(link):</h2>
</section>

<div class="form-horizontal" style="width: 50%; margin: auto;">
     <div class="form-group">
     <label class="col-sm-2 control-label">Miejsce:</label>

         <div class="col-sm-10">
         <input type="text" class="form-control" id="us3-address" />
          </div>
     </div>
 </div>
 


 <locationpicker options="locationpickerOptions" style="width:100%;height:300px;"></locationpicker>

<form class="form-inline" role="form" action="index.php" method="post">
         <form class="form-inline" role="form" action="index.php" method="post">
         <input type="text"  style="width:50%;"class="form-control" placeholder="Szerokość geograficzna"  id="us3-lat"  name="us3-lat" />
         <input type="text"  style="width:50%;" class="form-control" placeholder="Długość geograficzna" id="us3-lon" name="us3-lon"/>
         <input type="text"  style="width:50%;" class="form-control" placeholder="Nazwa" name="nazwa"/>
         <input type="text"  style="width:50%;" class="form-control" placeholder="Opis" name="opis"/>
        
         <select type="text"  style="width:50%;" class="form-control" placeholder="Kategoria" name="autor">
             <option selected="selected" value=" ">Kategoria</option>
             <option value="Turniej historyczny">Turniej historyczny</option>
             <option value="Festiwal historyczny">Festiwal historyczny</option>
             <option value="Zlot">Zlot</option>
             <option value="Inscenizacja">Inscenizacja</option>
             <option value="Rekonstrukcja historyczna">Rekonstrukcja historyczna</option>
             <option value="Widowisko historyczne">Widowisko historyczne</option>
             <option value="Inne">Inne</option>
                         
         </select>

         <input type="text"  style="width:50%;" class="form-control" placeholder="Data rozpoczęcia" name="od"/>
             <input type="text"  style="width:50%;" class="form-control" placeholder="Data zakończenia" name="do"/>

         <input type="text"  style="width:50%;" class="form-control" placeholder="Link" name="link"required/>



         <input style="width:50%;" type="submit" class="fbtn  btn-success" value="Wyślij"/>
         </form> <figure class="cd-image-container">








<script>
    angular.module('locationpickerApp', ['angular-jquery-locationpicker'])
            .controller('locationpickerController', [
                '$scope',
                function ($scope) {
                    $scope.locationpickerOptions = {
                        location: {
                            latitude:50.575744181758644,
                            longitude: 21.360204558372516
                        },
                        inputBinding: {
                            latitudeInput: $('#us3-lat'),
                            longitudeInput: $('#us3-lon'),
                            radiusInput: $('#us3-radius'),
                            locationNameInput: $('#us3-address')
                        },
                        radius: 10,
                        enableAutocomplete: true
                    };
                }
            ]);
</script>
</body>

</html>
...