Javascript 自定义我的谷歌地图信息窗口内容
我正在尝试将下面的代码转换为jquery,或者只是让它工作,以便为我的信息窗口内容保存大量的代码。我还试图使信息窗口看起来非常像一个带有图片等的迷你html页面,所以我在这里搜索这个解决方案已经三周了。我看了很多视频,但都没法正常工作。地图很好用,位置很长时间都很好用,但信息窗口很糟糕。救命啊Javascript 自定义我的谷歌地图信息窗口内容,javascript,jquery,google-maps,Javascript,Jquery,Google Maps,我正在尝试将下面的代码转换为jquery,或者只是让它工作,以便为我的信息窗口内容保存大量的代码。我还试图使信息窗口看起来非常像一个带有图片等的迷你html页面,所以我在这里搜索这个解决方案已经三周了。我看了很多视频,但都没法正常工作。地图很好用,位置很长时间都很好用,但信息窗口很糟糕。救命啊 <div id="map" style="width:100%; height:400px;"></div> function myMap() {
<div id="map" style="width:100%; height:400px;"></div>
function myMap() {
var contentString = ' <div class="panel panel-info" Style="width:auto; height:auto;display: block; min-height: 134px;" scrolltop="0" scrollleft="0"">' +' <div class="panel-heading text-center" >' +'Sign Information' +
' </div >' +'<div class="panel-body">' +' <div style="float:inherit; width: 50%;">' +' </div>' +' </div>' + ' <div style="float:right; width:50%">' + ' <div class="k-content" style="width:200px">' + ' </div>' +
' </div>' +' </div >'
var myCenter = new google.maps.LatLng(33.367302, -88`enter code here`.322125);
var mapCanvas = document.getElementById("map");
var mapOptions = { center: myCenter, zoom: 6 };
var map = new google.maps.Map(mapCanvas, mapOptions);
google.maps.event.addListener(map, 'click', function (event)
{
placeMarker(map, event.latLng);
});
function placeMarker(map, location)
{
var marker = new google.maps.Marker(
{
position: location,
map: map
});
var infowindow = new google.maps.InfoWindow({
content:( 'Latitude: ' + location.lat() + '<br>Longitude: ' + location.lng() + contentString)
});
infowindow.open(map, marker);
}
function geocode() {
}
}
函数myMap(){
var contentString='同时
只要看一下你的代码,我就可以看到一个代码错误,你也忘了设置你的内容
做这些调整
var infowindow = new google.maps.InfoWindow({
content : 'Latitude: ' + location.lat() + '<br>' + 'Longitude: ' + location.lng()+ '' });
infowindow.setContent(content);
infowindow.open(map, marker);
var infowindow=new google.maps.infowindow({
内容:“纬度:”+location.lat()+”
“+”经度:“+location.lng()+”});
infowindow.setContent(content);
信息窗口。打开(地图、标记);
你所说的“信息窗口很糟糕”是什么意思?请提供一个演示问题的示例,并清楚地描述问题。您可以使用jsbin.com、jsdiffle.net、codepen.io等网站帮助我们为您解决代码故障。没问题!如果您觉得答案有用并帮助您解决问题,请接受它和/或投票更新答案,以供其他人修改请回答您的问题。请参阅“接受答案:它是如何工作的?”这里。。。