Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/290.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 附近的地点地图在引导选项卡中不起作用?_Javascript_Php_Jquery_Html_Css - Fatal编程技术网

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>