我将jquery位置选择器API用于地图视图。几天未显示该地图。我没有更改代码中的任何内容，并且停止了工作-如果可能的话。我检查了所有可能的配置，没有想到
<!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>