Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/11.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
Google maps 自定义谷歌地图信息窗口?_Google Maps - Fatal编程技术网

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年多以来,我再也没有它的备份了。