【问题标题】:How to integrate a Google map in my asp.net web page? [closed]如何在我的 asp.net 网页中集成 Google 地图? [关闭]
【发布时间】:2012-10-22 19:44:25
【问题描述】:

在我的应用程序中,我必须将谷歌地图集成到我的一个网页中。这是我集成谷歌地图的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://maps.google.com/maps?file=api&v=3" type="text/javascript">
</script>
</head>
<body>
<div id="map" style="width: 700px; height: 500px"></div>
<script type="text/javascript">
//<![CDATA[

var map = new GMap(document.getElementById("map"));
map.centerAndZoom(new GPoint(-83.022206, 39.998264), 7);
map.setCenter(point, 15);
map.setUIToDefault();
map.setMapType(G_NORMAL_MAP);

// Create the marker and corresponding information window

function createInfoMarker(point, address) {
  var marker = new GMarker(point);
  GEvent.addListener(marker, "click",
    function() {
      marker.openInfoWindowHtml(address);
    }
  );
  return marker;
}

// University Hall
var point = new GPoint(-83.013307, 40.000610);
address = "University Hall<br />230 North Oval Mall <br />Columbus, Ohio 43210";
var marker = createInfoMarker(point, address);
map.addOverlay(marker);

//]]>
</script>
</body>
</html>

它工作正常,但是现在我想在这里放置我的用户定义标记...

谁能帮我做这件事?

【问题讨论】:

  • 您指定的 Google Maps API v1 已过时。 v2 已弃用,最早可能在 2013 年 5 月停止工作,您应该使用 v3。 v3 的 documentation 非常完整,包括示例。
  • @geocodezip 语法似乎不是 v3 但脚本源中的 v=3 表示 v3 对吗?
  • @Cdeez:对!但是加载 V3 然后使用 V1 语法是行不通的。 (就像往你的油箱里加水一样);-)
  • 哈哈是的。但是 OP 仍然说它工作正常。
  • 请对可用于使用 GMaps API 的各种教程进行一些研究 - 我们很乐意帮助您解决在此过程中遇到的具体问题。

标签: javascript asp.net google-maps google-maps-api-3 dom-events


【解决方案1】:

Google Maps APIv3 的文档提供了足够的示例来了解如何执行此操作-

你可以在这里找到它- https://developers.google.com/maps/documentation/javascript/overlays#Markers

此外,您使用的语法似乎不是 V3 的,因此使用最新版本- https://developers.google.com/maps/documentation/javascript/controls

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-12-15
    • 1970-01-01
    • 1970-01-01
    • 2011-01-21
    • 1970-01-01
    相关资源
    最近更新 更多