Google maps 如何根据给定的地址动态更新Bing地图或Google地图

Google maps 如何根据给定的地址动态更新Bing地图或Google地图,google-maps,bing-maps,Google Maps,Bing Maps,在我正在构建的项目中,我希望用户能够选择存储在数据库中的地址,然后单击该地址查看更多信息。当用户点击链接时,它会将他们带到另一个页面,该页面将显示更多信息以及地址地图 我想做的是让映射动态定位地址,而不是使用预定义的嵌入链接。但我不完全确定我想做的事是否能做到,如果能做到,我也不知道怎么做 所以本质上,我想知道如何从数据库中获取地址,并将其传递到项目中的嵌入式映射 如果使用Bing或Google,对我来说没有什么区别 干杯 您始终可以执行以下操作: <div id="location"&g

在我正在构建的项目中,我希望用户能够选择存储在数据库中的地址,然后单击该地址查看更多信息。当用户点击链接时,它会将他们带到另一个页面,该页面将显示更多信息以及地址地图

我想做的是让映射动态定位地址,而不是使用预定义的嵌入链接。但我不完全确定我想做的事是否能做到,如果能做到,我也不知道怎么做

所以本质上,我想知道如何从数据库中获取地址,并将其传递到项目中的嵌入式映射

如果使用Bing或Google,对我来说没有什么区别


干杯

您始终可以执行以下操作:

<div id="location"></div>

<script type="text/javascript">
    function initialize() {
        var gpLatlng = new google.maps.LatLng(latitude, longitude);
        var gpOptions = {
            zoom: 15,
            center: gpLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(document.getElementById("location"), gpOptions);

        var marker = new google.maps.Marker({
            position: gpLatlng, 
            map: map, 
            title:"Title"
        });
    }

    function loadScript() {
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize&region=GB";
        document.body.appendChild(script);
    }

    window.onload = loadScript;
</script>

函数初始化(){
var gpLatlng=新的google.maps.LatLng(纬度、经度);
变量gpOptions={
缩放:15,
中心:gpLatlng,,
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map(document.getElementById(“位置”),gpOptions);
var marker=new google.maps.marker({
职位:gpLatlng,
地图:地图,
标题:“标题”
});
}
函数loadScript(){
var script=document.createElement(“脚本”);
script.type=“text/javascript”;
script.src=”http://maps.google.com/maps/api/js?sensor=false&callback=initialize®ion=GB";
document.body.appendChild(脚本);
}
window.onload=loadScript;

是的,您想要的东西可以很容易地完成。和都提供地理编码服务,您可以为服务提供一个地址,服务将作为其结果的一部分返回地图上地址的经纬度坐标。我可以在这里粘贴一堆代码,但您可以在我上面的链接中找到这两个映射所需的所有代码示例

当用户单击您的地址链接时,您会将其带到详细信息页面。在该页面上,您将使用javascript设置地图。除了设置地图的javascript之外,您还需要更多javascript来调用地理定位服务,详见上面的链接。本质上,您将要查找的地址传递给服务,如果地址有效,服务将返回该地址的经度和纬度坐标。使用此信息,您可以缩放到地图上的该位置,并可以选择在该位置放置图钉以指示地址

请参见此处以获取谷歌地图中的详细信息

单击REST服务->通过查询查找位置


我假设您对地图控件的ajax版本感兴趣,但其他版本应该非常相似,并且工作方式应该大致相同。

感谢您所做的一切,这些地图服务的强大功能让我感到惊讶!我一直在寻找Bing,因为我更喜欢地图的外观,而不是谷歌。再次感谢@没问题。要记住的一点是,如果你想让你的应用程序商业化,Bing地图通常比Google地图便宜得多。然而,谷歌地图目前拥有比Bing地图更好的正交图像。