谷歌地图信息窗口覆盖内容就像在 maps.goole.com 中一样答案

【问题标题】：Google maps Info Window Overlay content just like that in maps.goole.com谷歌地图信息窗口覆盖内容就像在 maps.goole.com 中一样
【发布时间】：2011-04-24 17:21:45
【问题描述】：

我想要一个标记的信息窗口内容就在下面

到目前为止我的代码是

loadEmbeddedMap : function() {
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initEmbeddedMap";
        document.body.appendChild(script)
    },
    initEmbeddedMap : function() {
        var myLatlng = new google.maps.LatLng(40, -80);
        var myOptions = {
                zoom: 8,
                center: myLatlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        map = new google.maps.Map(document.getElementById("embeddedGoogleMap"), myOptions);
        geocoder = new google.maps.Geocoder();
        geocoder.geocode( { 'address': $('#userMapAddress').val()}, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                map.setCenter(results[0].geometry.location);
                marker = new google.maps.Marker({
                    map: map, 
                    position: results[0].geometry.location
                });
                console.debug(results[0]);
                infowindow = new google.maps.InfoWindow();
                var infoWindowContent = "<div><strong>Address:</strong></div>";
                infoWindowContent    += "<div>"+results[0].address_components[0].short_name+","+results[0].address_components[1].short_name+"</div>";
                infoWindowContent    += "<div>"+results[0].address_components[5].short_name+","+results[0].address_components[7].short_name+"</div>";
                //infoWindowContent    += results[0].formatted_address;
                infowindow.setContent(infoWindowContent);
                infowindow.open(map, marker);
            } else {
                //alert("Geocode was not successful for the following reason: " + status);
            }
        });
        $('#embeddedGoogleMapWrapper').show();
    },

上面的代码输出这个

如何获得那些“路线”、“附近搜索”的东西..？任何帮助表示赞赏..

【问题讨论】：

嗨！我也在寻找类似但更简单的东西。我只想在我的工具提示中包含一个活动 URL。通过活动我只是意味着用户应该能够单击它以转到所需的网页。你能指导我吗？谢谢
你在什么地方见过这样的信息窗口吗？

标签： maps google-maps-api-3 google-maps-markers

【解决方案1】：

我会从阅读开始

http://code.google.com/apis/maps/documentation/localsearch/devguide.html#hiworld

正如我所见，可以做你想做的事。我不能给你一个直接的答案，但也许是一个线索。我会在 infowindow 中创建自己的表单，至少非常接近原始的 google 表单，并通过发送这些搜索查询来处理点击事件。比你需要处理搜索结果

http://code.google.com/apis/maps/documentation/localsearch/devguide.html#handle_search_results

做一些测试

http://code.google.com/apis/ajax/playground/#the_hello_world_of_local_search

例如，您可以从 localSearch.results[i].lat 等获取 lat。

希望你能从中有所收获

【讨论】：