如何在网页中添加Google Map地标？
新手求教~！我现在用asp.net写了一个网页，其中需要插入GoogleMap显示地图并标记出特定地点。代码如下：<head><metahttp-equiv="conte...
新手求教~！我现在用asp.net写了一个网页，其中需要插入Google Map显示地图并标记出特定地点。代码如下：
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script type="text/javascript" src="http://ditu.google.cn/maps?file=api&v=2&key=abcdefg"></script>
<script type="text/javascript">
function initialize() {
var map = new GMap2(document.getElementById("map_canvas"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(31.8925, 118.8115), 15);
map.openInfoWindow(map.getCenter(), document.createTextNode("Test"));
var point = new GLatLng(31.9825, 118.8115);
var myMarker = new GMarker(point);
map.addOverlay(myMarker);
if (myMarker.isHidden()) myMarker.show();
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<div id="map_canvas" style="width: 500px; height: 500px;"></div>
</body>
代码中已加入了创建及显示地标的代码，但运行结果中显示不出来红色的固定位置的地标，只能显示气泡状悬浮窗，点一下地图就消失了，无法起到标记的作用，请问可能是什么问题？ 展开
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script type="text/javascript" src="http://ditu.google.cn/maps?file=api&v=2&key=abcdefg"></script>
<script type="text/javascript">
function initialize() {
var map = new GMap2(document.getElementById("map_canvas"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(31.8925, 118.8115), 15);
map.openInfoWindow(map.getCenter(), document.createTextNode("Test"));
var point = new GLatLng(31.9825, 118.8115);
var myMarker = new GMarker(point);
map.addOverlay(myMarker);
if (myMarker.isHidden()) myMarker.show();
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<div id="map_canvas" style="width: 500px; height: 500px;"></div>
</body>
代码中已加入了创建及显示地标的代码，但运行结果中显示不出来红色的固定位置的地标，只能显示气泡状悬浮窗，点一下地图就消失了，无法起到标记的作用，请问可能是什么问题？ 展开
1个回答
展开全部
不要这么麻烦吧，人谷歌都帮你弄得那么完美了，你何苦再自己写这么多的JS代码呢？
在谷歌上查出地图位置，点击右上角有个“分享连接”的链接，把下面那段代码Copy到你自己的网页需要显示的地方就OK了，不仅可以气泡显示地标，而且点击后不会消失，我都是这样做的。
这段代码就是我在谷歌中复制的（但是位置不是你要的，你要什么位置搜出来点击一下“分享链接”代码就出来了）：
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://ditu.google.cn/maps?hl=zh-CN&ie=UTF8&ll=35.86166,104.195397&spn=36.622079,57.568359&z=4&brcurrent=3,0x31508e64e5c642c1:0x951daa7c349f366f,1%3B5,0,1&output=embed"></iframe><br /><small><a href="http://ditu.google.cn/maps?hl=zh-CN&ie=UTF8&ll=35.86166,104.195397&spn=36.622079,57.568359&z=4&brcurrent=3,0x31508e64e5c642c1:0x951daa7c349f366f,1%3B5,0,1&source=embed" style="color:#0000FF;text-align:left">查看大图</a></small>
在谷歌上查出地图位置，点击右上角有个“分享连接”的链接，把下面那段代码Copy到你自己的网页需要显示的地方就OK了，不仅可以气泡显示地标，而且点击后不会消失，我都是这样做的。
这段代码就是我在谷歌中复制的（但是位置不是你要的，你要什么位置搜出来点击一下“分享链接”代码就出来了）：
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://ditu.google.cn/maps?hl=zh-CN&ie=UTF8&ll=35.86166,104.195397&spn=36.622079,57.568359&z=4&brcurrent=3,0x31508e64e5c642c1:0x951daa7c349f366f,1%3B5,0,1&output=embed"></iframe><br /><small><a href="http://ditu.google.cn/maps?hl=zh-CN&ie=UTF8&ll=35.86166,104.195397&spn=36.622079,57.568359&z=4&brcurrent=3,0x31508e64e5c642c1:0x951daa7c349f366f,1%3B5,0,1&source=embed" style="color:#0000FF;text-align:left">查看大图</a></small>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
AiPPT
2024-09-19 广告
随着AI技术的飞速发展，如今市面上涌现了许多实用易操作的AI生成工具1、简介：AiPPT: 这款AI工具智能理解用户输入的主题，提供“AI智能生成”和“导入本地大纲”的选项，生成的PPT内容丰富多样，可自由编辑和添加元素，图表类型包括柱状图...
点击进入详情页
本回答由AiPPT提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
