Javascript 附近的地点地图在引导选项卡中不起作用?
代码:Javascript 附近的地点地图在引导选项卡中不起作用?,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,代码: $(函数(){ $('.chkbox')。单击 ( 函数(){ 如果($(this).is(':checked')) { } 否则{ $('#'+$(this.attr('id')).attr('checked',true); } 搜索类型(map.getCenter()); }); }); var映射; var信息窗口; var-markersArray=[]; var pyrmont=new google.maps.LatLng(20.268455824834792,85.8409
$(函数(){
$('.chkbox')。单击
(
函数(){
如果($(this).is(':checked'))
{
}
否则{
$('#'+$(this.attr('id')).attr('checked',true);
}
搜索类型(map.getCenter());
});
});
var映射;
var信息窗口;
var-markersArray=[];
var pyrmont=new google.maps.LatLng(20.268455824834792,85.84099235520011);
var标记;
var geocoder=new google.maps.geocoder();
var infowindow=new google.maps.infowindow();
//var航路点=[];
函数初始化(){
map=new google.maps.map(document.getElementById('map'){
mapTypeId:google.maps.mapTypeId.ROADMAP,
中心:皮尔蒙特,
缩放:14
});
infowindow=new google.maps.infowindow();
//document.getElementById('directionsPanel')。innerHTML='';
搜索类型();
}
函数createMarker(位置、图标){
var placeLoc=place.geometry.location;
var marker=new google.maps.marker({
地图:地图,
位置:place.geometry.location,
图标:图标,
可见:正确
});
markersArray.push(marker);
google.maps.event.addListener(标记'click',函数(){
infowindow.setContent(“名称:+place.Name+”
地址:+place.neighborary+”
参考:+place.Reference+“
评级:+place.Rating+”
Id:+place.Id);
打开(地图,这个);
});
}
var source=“”;
var dest='';
功能搜索类型(latLng){
clearOverlays();
如果(!latLng){
var latLng=皮尔蒙特;
}
变量类型=$('.chkbox:checked').val();
var icon=“images/”+type+“.png”;
var请求={
地点:拉丁美洲,
半径:2000,
类型:[类型]//例如学校、餐厅、银行、酒吧、市政厅、健身房、夜总会、公园、动物园
};
var service=newgoogle.maps.places.PlacesService(地图);
服务搜索(请求、功能(结果、状态){
map.setZoom(14);
if(status==google.maps.places.PlacesServiceStatus.OK){
对于(var i=0;i<script type="text/javascript">
$(function(){
$('.chkbox').click
(
function(){
if($(this).is(':checked'))
{
}
else{
$('#'+$(this).attr('id')).attr('checked',true);
}
search_types(map.getCenter());
});
});
var map;
var infowindow;
var markersArray = [];
var pyrmont = new google.maps.LatLng(20.268455824834792, 85.84099235520011);
var marker;
var geocoder = new google.maps.Geocoder();
var infowindow = new google.maps.InfoWindow();
// var waypoints = [];
function initialize() {
map = new google.maps.Map(document.getElementById('map'), {
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: pyrmont,
zoom: 14
});
infowindow = new google.maps.InfoWindow();
//document.getElementById('directionsPanel').innerHTML='';
search_types();
}
function createMarker(place,icon) {
var placeLoc = place.geometry.location;
var marker = new google.maps.Marker({
map: map,
position: place.geometry.location,
icon: icon,
visible:true
});
markersArray.push(marker);
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent("<b>Name:</b>"+place.name+"<br><b>Address:</b>"+place.vicinity+"<br><b>Reference:</b>"+place.reference+"<br><b>Rating:</b>"+place.rating+"<br><b>Id:</b>"+place.id);
infowindow.open(map, this);
});
}
var source="";
var dest='';
function search_types(latLng){
clearOverlays();
if(!latLng){
var latLng = pyrmont;
}
var type = $('.chkbox:checked').val();
var icon = "images/"+type+".png";
var request = {
location: latLng,
radius: 2000,
types: [type] //e.g. school, restaurant,bank,bar,city_hall,gym,night_club,park,zoo
};
var service = new google.maps.places.PlacesService(map);
service.search(request, function(results, status) {
map.setZoom(14);
if (status == google.maps.places.PlacesServiceStatus.OK) {
for (var i = 0; i < results.length; i++) {
results[i].html_attributions='';
createMarker(results[i],icon);
}
}
});
}
// Deletes all markers in the array by removing references to them
function clearOverlays() {
if (markersArray) {
for (i in markersArray) {
markersArray[i].setVisible(false)
}
//markersArray.length = 0;
}
}
google.maps.event.addDomListener(window, 'load', initialize);
function clearMarkers(){
$('#show_btn').show();
$('#hide_btn').hide();
clearOverlays()
}
function showMarkers(){
$('#show_btn').hide();
$('#hide_btn').show();
if (markersArray) {
for (i in markersArray) {
markersArray[i].setVisible(true)
}
}
}
function showMap(){
var imageUrl = 'http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png';
var markerImage = new google.maps.MarkerImage(imageUrl,new google.maps.Size(24, 32));
var input_addr=$('#address').val();
geocoder.geocode({address: input_addr}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var latitude = results[0].geometry.location.lat();
var longitude = results[0].geometry.location.lng();
var latlng = new google.maps.LatLng(latitude, longitude);
if (results[0]) {
map.setZoom(14);
map.setCenter(latlng);
marker = new google.maps.Marker({
position: latlng,
map: map,
icon: markerImage,
draggable: true
});
$('#btn').hide();
$('#latitude,#longitude').show();
$('#address').val(results[0].formatted_address);
$('#latitude').val(marker.getPosition().lat());
$('#longitude').val(marker.getPosition().lng());
infowindow.setContent(results[0].formatted_address);
infowindow.open(map, marker);
search_types(marker.getPosition());
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
google.maps.event.addListener(marker, 'dragend', function() {
geocoder.geocode({'latLng': marker.getPosition()}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
if (results[0]) {
$('#btn').hide();
$('#latitude,#longitude').show();
$('#address').val(results[0].formatted_address);
$('#latitude').val(marker.getPosition().lat());
$('#longitude').val(marker.getPosition().lng());
}
infowindow.setContent(results[0].formatted_address);
var centralLatLng = marker.getPosition();
search_types(centralLatLng);
infowindow.open(map, marker);
}
});
});
} else {
alert("No results found");
}
} else {
alert("Geocoder failed due to: " + status);
}
});
}
</script>
<ul class="nav nav-tabs" style="border-bottom: 1px solid #696767;" id="myTab">
<li class="active">
<a data-toggle="tab" href="#home">
<center><i class="fa fa-university one" aria-hidden="true" style="color: 315f9e;"></i></center>
<b>Overview</b></a>
</li>
<li>
<a data-toggle="tab" href="#menu2">
<center><i class="fa fa-file one" aria-hidden="true" style="color:#315f9e;"></i></center>
<b>Fee Structure</b></a>
</li>
<li>
<a data-toggle="tab" href="#menu4">
<center><i class="fa fa-home one" aria-hidden="true" style="color:#315f9e;"></i></center>
<b>Facilities</b></a>
</li>
<li>
<a data-toggle="tab" href="#menu1">
<center><i class="fa fa-users one" aria-hidden="true" style="color:315f9e;"></i></center>
<b>Placement</b></a>
</li>
<li>
<a data-toggle="tab" href="#menu3">
<center><i class="fa fa-map-marker one" aria-hidden="true" style="color:315f9e;"></i></center>
<b>Map</b></a>
</li>
<li>
<a data-toggle="tab" href="#menu5">
<center><i class="fa fa-phone one" aria-hidden="true" style="color:#315f9e;"></i></center>
<b>Contact</b></a>
</li>
</ul>
<div id="home" class="tab-pane fade">
<h1>home</h1>
</div>
<div id="menu1" class="tab-pane fade">
<h1>menu1</h1>
</div>
<div id="menu2" class="tab-pane fade">
<h1>menu2</h1>
</div>
<div id="menu3" class="tab-pane fade">
<h1>menu3</h1>
</div>
<div id="menu4" class="tab-pane fade">
google map
</div>
<div id="menu5" class="tab-pane fade">
<h1>menu5</h1>
</div>