我有一个web应用程序。我想集成Google地图,以显示用户在搜索位置键入的位置的地图。任何帮助?如何将Google地图集成到Web应用程序中?
4
A
回答
3
如果我正确理解你的问题,你希望你的用户搜索一个位置,然后显示它在地图上。如果是这种情况,那么可以使用Google Maps JavaScript API提供的Geocoding Services很容易地完成。请看下面的例子:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps Geocoding Demo</title>
<script src="http://maps.google.com/maps/api/js?sensor=false"
type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 400px; height: 300px;"></div>
<script type="text/javascript">
var address = 'London, UK';
var map = new google.maps.Map(document.getElementById('map'), {
mapTypeId: google.maps.MapTypeId.TERRAIN,
zoom: 6
});
var geocoder = new google.maps.Geocoder();
geocoder.geocode({
'address': address
},
function(results, status) {
if(status == google.maps.GeocoderStatus.OK) {
new google.maps.Marker({
position: results[0].geometry.location,
map: map
});
map.setCenter(results[0].geometry.location);
}
else {
// Google couldn't geocode this request. Handle appropriately.
}
});
</script>
</body>
</html>
截图:
你可以简单地替代address
变量,在这个例子中设置为'London, UK'
由用户搜索的位置的值。
0
第1步:打开你想嵌入的地图。它可以是您在地图标签下创建的地图,也可以是地址,本地商户或驾车路线搜索。
第2步:单击“链接到此页面”后,从文本框中复制HTML代码。您还可以在嵌入之前自定义地图的大小并预览它。
第3步:将HTML代码粘贴到您的网站或您的博客编辑器中。
否则请参阅本网站 http://www.higheredblogcon.com/library/deweese/presentation.html
0
你所需要的是
地理编码(一个办法把地址提供给长,LAT) http://code.google.com/apis/ajax/playground/#geocoding_simple
和一张简单的地图 http://code.google.com/apis/ajax/playground/#map_simple
相关问题
- 1. 将免费地图集成到Web应用程序
- 2. 如何将Google翻译集成到基于Web的聊天应用程序中?
- 3. 如何将Google Checkout集成到我的Android应用程序中?
- 4. 如何将Google +集成到我的Android应用程序中?
- 5. 如何将Google凭证集成到iPhone应用程序中?
- 6. 将Google图片集成到应用程序中
- 7. 如何在Android2.1中将Google地图与我的应用程序集成?
- 8. 将Google地图集成到离子中
- 9. 将Bing地图集成到iPhone应用程序中
- 10. 如何集成Web应用程序
- 11. 在柔性web应用程序中的谷歌地图集成
- 12. 如何将Bing地图与离线WP7应用程序集成
- 13. 需要将Google身份验证集成到我的Web应用程序中
- 14. DevExpress集成到.Net Web应用程序
- 15. 将地图集成到Java应用程序
- 16. 如何在android中将android地图应用程序集成到我的应用程序中?
- 17. 应该如何将javascript集成到Clojure/Ring Web应用程序中?
- 18. 如何将jwplayer嵌入到Google Web Toolkit应用程序中?
- 19. 将Groovy集成到现有的Web应用程序中
- 20. 如何在iPhone应用程序中集成地图
- 21. 如何将Android应用程序中的地址发送到Google地图
- 22. 将arcGIS地图集成到Google地图中
- 23. 如何将Web应用程序中的集成Applet部署到Tomcat中
- 24. 我应该如何将Google地图整合到我的应用程序中?
- 25. 如何将Google Talk集成到我的iOS社交应用程序中?
- 26. 将Ruby/Rails应用程序集成到Java应用程序中。
- 27. 如何将Flex与现有的Web应用程序集成?
- 28. 如何将Tally与Asp.Net Web应用程序集成?
- 29. 如何将机器学习与Web应用程序集成?
- 30. 如何将Red5集成到现有的Spring Web应用程序中?
要显示您公司的位置? – sathish 2010-07-17 08:30:23
不完全。该位置是用户愿意通过地图看到的东西。我不想透露更多细节,因为它是保密的。 – 2010-07-17 08:34:36