Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何定义纬度&;谷歌地图中的经度而不是地址?_Javascript_Google Maps - Fatal编程技术网

Javascript 如何定义纬度&;谷歌地图中的经度而不是地址?

Javascript 如何定义纬度&;谷歌地图中的经度而不是地址?,javascript,google-maps,Javascript,Google Maps,我正在我的应用程序中显示地图。我已经添加了下面的代码,现在地图正确显示了特定的城市名称。我的问题是我需要使用特定城市的纬度和经度来获取位置 我不想要任何新代码。是否可以通过pass@item获取此代码中的纬度和经度值。Latitude@item.Longitude而不是@item.city <div class="gMapsCanvas" data-address="@item.city"></div> <script type="text/javascr

我正在我的应用程序中显示地图。我已经添加了下面的代码,现在地图正确显示了特定的城市名称。我的问题是我需要使用特定城市的纬度和经度来获取位置

我不想要任何新代码。是否可以通过pass@item获取此代码中的纬度和经度值。Latitude@item.Longitude而不是@item.city

<div class="gMapsCanvas" data-address="@item.city"></div>

    <script type="text/javascript">
            var GoogleMap = function ga(canvas, address) {
                // debugger;
                var _parent = this;

                //this.location = new google.maps.LatLng(-34.397, 150.644);

                var options =
                {
                    center: this.location,
                    zoom: 11,
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    mapTypeControlOptions:
                    {
                        style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
                        position: google.maps.ControlPosition.TOP_CENTER
                    },
                    streetViewControl: false
                };

                this.map = new google.maps.Map(canvas, options);

                var geocoder = new google.maps.Geocoder();

                geocoder.geocode({ 'address': address }, function (results, status) {
                    if (status != google.maps.GeocoderStatus.OK)
                        return;

                    _parent.location = results[0].geometry.location;

                    var marker = new google.maps.Marker(
                    {
                        map: _parent.map,
                        position: _parent.location
                    });

                    _parent.resize();
                });
            };

            GoogleMap.prototype.resize = function () {
                google.maps.event.trigger(this.map, "resize");

                this.map.setCenter(this.location);
            }

            var Maps = function (classes) {
                var _parent = this;

                this.maps = new Array();

                classes.each(function () {
                    _parent.maps.push(new GoogleMap($(this).get(0), $(this).attr("data-address")));
                });
            };

            Maps.prototype.resize = function () {
                for (var cnt = 0; cnt < this.maps.length; cnt++) {
                    this.maps[cnt].resize();
                }
            };

            var maps;

        </script>
    <script type="text/javascript">
        $(".tiptext").mouseover(function () {
            $(this).children(".description").show();

            maps = new Maps($(".gMapsCanvas"));

        }).mouseout(function () {
            $(this).children(".description").hide();

        });

    </script>

var GoogleMap=函数ga(画布,地址){
//调试器;
var _parent=这个;
//this.location=new google.maps.LatLng(-34.397150.644);
var期权=
{
中心:这个位置,
缩放:11,
mapTypeId:google.maps.mapTypeId.ROADMAP,
mapTypeControlOptions:
{
样式:google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
位置:google.maps.ControlPosition.TOP\u中心
},
街景控制:错误
};
this.map=new google.maps.map(画布,选项);
var geocoder=new google.maps.geocoder();
geocoder.geocode({'address':address},函数(结果,状态){
if(status!=google.maps.GeocoderStatus.OK)
返回;
_parent.location=结果[0]。geometry.location;
var marker=new google.maps.marker(
{
映射:_parent.map,
位置:_parent.location
});
_parent.resize();
});
};
GoogleMap.prototype.resize=函数(){
google.maps.event.trigger(this.map,“resize”);
this.map.setCenter(this.location);
}
变量映射=函数(类){
var _parent=这个;
this.maps=新数组();
类。每个(函数(){
_parent.maps.push(新的GoogleMap($(this.get)(0),$(this.attr(“数据地址”));
});
};
Maps.prototype.resize=函数(){
对于(var cnt=0;cnt
尝试{'latlng':纬度+,'+经度}而不是{'address':地址}


我没有对它进行测试,但根据GoogleMapWebService api,它似乎可以工作:

在浏览器中显示Google地图有很多不同的方法。 但最简单、最好的两种方法是: 1.使用Goggle MAP API的步骤 2.谷歌聚合物如下所示:

     <!-- Polyfill Web Components support for older browsers -->
<script src="components/webcomponentsjs/webcomponents-lite.min.js"></script>

<!-- Import element -->
<link rel="import" href="components/google-map/google-map.html">

<!-- Use element -->
<google-map latitude="37.790" longitude="-122.390"></google-map>


在哪里可以找到webcomponents-lite.min.js和google-map.html?请单击上面的链接是否有上面提到的代码演示