Javascript 自定义我的谷歌地图信息窗口内容

Javascript 自定义我的谷歌地图信息窗口内容,javascript,jquery,google-maps,Javascript,Jquery,Google Maps,我正在尝试将下面的代码转换为jquery,或者只是让它工作,以便为我的信息窗口内容保存大量的代码。我还试图使信息窗口看起来非常像一个带有图片等的迷你html页面,所以我在这里搜索这个解决方案已经三周了。我看了很多视频,但都没法正常工作。地图很好用,位置很长时间都很好用,但信息窗口很糟糕。救命啊 <div id="map" style="width:100%; height:400px;"></div> function myMap() {

我正在尝试将下面的代码转换为jquery,或者只是让它工作,以便为我的信息窗口内容保存大量的代码。我还试图使信息窗口看起来非常像一个带有图片等的迷你html页面,所以我在这里搜索这个解决方案已经三周了。我看了很多视频,但都没法正常工作。地图很好用,位置很长时间都很好用,但信息窗口很糟糕。救命啊

 <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等网站帮助我们为您解决代码故障。没问题!如果您觉得答案有用并帮助您解决问题,请接受它和/或投票更新答案,以供其他人修改请回答您的问题。请参阅“接受答案:它是如何工作的?”这里。。。