Google maps 自定义谷歌地图信息窗口?
我在一个客户的网站上工作,一个当地教堂。我使用地图页面上的链接功能嵌入了谷歌地图。地图上的信息窗口包括“评论”,教会对此表示关注。有没有办法将其从信息窗口中删除?我不想删除任何评论本身,只是信息窗口上的链接Google maps 自定义谷歌地图信息窗口?,google-maps,Google Maps,我在一个客户的网站上工作,一个当地教堂。我使用地图页面上的链接功能嵌入了谷歌地图。地图上的信息窗口包括“评论”,教会对此表示关注。有没有办法将其从信息窗口中删除?我不想删除任何评论本身,只是信息窗口上的链接 这可能吗?除了大小之外,还有其他定制选项可以通过查询字符串进行操作吗?我想我找到了自己问题的答案。信息窗口本身不能被修改,但是通过链接地址本身的地图,而不是作为商业实体的教堂,就可以做到这一点。驾驶方向链接仍然存在,这正是他们想要的。大约2年前,我创建了一个完全控制气泡内容的应用程序,使用A
这可能吗?除了大小之外,还有其他定制选项可以通过查询字符串进行操作吗?我想我找到了自己问题的答案。信息窗口本身不能被修改,但是通过链接地址本身的地图,而不是作为商业实体的教堂,就可以做到这一点。驾驶方向链接仍然存在,这正是他们想要的。大约2年前,我创建了一个完全控制气泡内容的应用程序,使用API和一些代码操作。点击上面的链接进行演示。我已经清理了这个答案的代码,不过要实现它,您需要用适当的值替换所有的\uuuu BLANK \uuuu HERE文本 步骤1:调用gMaps API
<script src="http://maps.google.com/maps?file=api&v=2&key=YOUR_API_KEY_HERE"
type="text/javascript">
</script>
步骤2:在文档正文中,创建一个id为“map”的元素。大小和位置与CSS。它需要一个高度和宽度
<div id="map" class="content"></div>
步骤3:在DOM中定义div后,可以安全地插入以下脚本标记:
<script type="text/javascript">
//<![CDATA[
// Check to see if this browser can run the Google API
if (GBrowserIsCompatible()) {
var gmarkers = [];
var htmls = [];
var to_htmls = [];
var from_htmls = [];
var i=0;
// A function to create the marker and set up the event window
function createMarker(point,name,html) {
var marker = new GMarker(point);
// The info window version with the "to here" form open
to_htmls[i] = html +
'<br />Start address:<form action="http://maps.google.com/maps" method="get">' +
'<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
'<INPUT value="Get Directions" TYPE="SUBMIT">' +
'<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() +
// "(" + name + ")" +
'"/>';
// The inactive version of the direction info
html = html + '<br><a href="javascript:tohere('+i+')">Get Directions<'+'/a>';
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
gmarkers[i] = marker;
htmls[i] = html;
i++;
return marker;
}
// functions that open the directions forms
function tohere(i) {
gmarkers[i].openInfoWindowHtml(to_htmls[i]);
}
// Display the map, with some controls and set the initial location
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(
YOUR_LATITUDE_HERE,
YOUR_LONGITUDE_HERE
),
YOUR_ZOOM_LEVEL_HERE // a value of 13 worked for me
);
// Set up one marker with an info window
var marker = createMarker(
new GLatLng(
YOUR_LATITUDE_HERE,
YOUR_LONGITUDE_HERE
),
'YOUR_MARKER_NAME_HERE',
'<i>YOUR_HTML_HERE<'+'/i>');
/* repeat the process to add more markers
map.addOverlay(marker);
var marker = createMarker(
new GLatLng(
YOUR_LATITUDE_HERE,
YOUR_LONGITUDE_HERE
),
'YOUR_MARKER_NAME_HERE',
'<i>YOUR_HTML_HERE<'+'/i>');
map.addOverlay(marker);*/
}
// display a warning if the browser was not compatible
else {
alert("Sorry, the Google Maps API is not compatible with this browser");
}
// This Javascript is based on code provided by the
// Blackpool Community Church Javascript Team
// http://www.commchurch.freeserve.co.uk/
// http://www.econym.demon.co.uk/googlemaps/
//]]>
</script>
//
使用此代码,气泡包含您在此处的“html”中指定的html,以及获取方向的链接(单击时)会变成一个文本框,询问起始地址。不幸的是,查询结果会在一个新的浏览器窗口中打开(因为在最初发布API时,API不包括方向功能)您可以在某个地方托管您的链接吗?“这辆车已经跑了404英里了。”NiravZaveri没有;自从我把它链接起来6年多以来,我再也没有它的备份了。