使用纬度和经度显示谷歌地图

Posted

技术标签:

【中文标题】使用纬度和经度显示谷歌地图【英文标题】:DISPLAY Google maps using Latitude & Longitude 【发布时间】:2014-04-30 09:17:59 【问题描述】:

我有一个问题...好吧,我将纬度和经度保存在 .xml 文件中

php:

$lat=$_POST['lati'];
$long=$_POST['lng'];

我正在尝试在谷歌地图上显示用户的位置。我显示地图的代码是:

<!--GOOGLE MAPS LIBRARY:-->
<script>
//LOCATION SCRIPT HERE

        function initialize() 
            var lat_place=document.getElementById("lati");
            var lng_place=document.getElementById("lng");
            var myLatlng = new google.maps.LatLng((document.getElementById("lati")), (document.getElementById("lng")));
            var myOptions = 
                zoom: 8,
                center: myLatlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
  
            var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);


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


        window.onload = loadScript;


        //LOCATION SCRIPT ENDS HERE
</script>

【问题讨论】:

【参考方案1】:

你还没有赋值 正确的代码应该是:

        function initialize() 
            var lat_place=document.getElementById("lati").value;
            var lng_place=document.getElementById("lng").value;
            var myLatlng = new google.maps.LatLng(lat_place, lng_place);
            var myOptions = 
                zoom: 8,
                center: myLatlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
         

【讨论】:

谢谢 Dementris。我尝试替换部分 om 代码,但看起来仍然是空的......:/它没有绘制我的地图。 你还必须调用initialize();加载地图 api 后。

以上是关于使用纬度和经度显示谷歌地图的主要内容,如果未能解决你的问题,请参考以下文章

我想通过从 json 获取经度和纬度在谷歌地图上显示标记

手动设置纬度和经度后谷歌地图不显示(缩放到)当前位置[重复]

从谷歌地图获取经度和纬度的不断更新[重复]

检查纬度和经度是不是在我的谷歌地图起点和终点范围内

如何通过对vue js中的每个搜索结果使用模态在谷歌地图上显示json数据获得的纬度和经度?

使用标记从谷歌地图获取纬度/经度坐标