Javascript 如何在谷歌地图功能中写入if条件？如何动态更改图像？_Javascript_Google Maps_Google Maps Api 3

Javascript 如何在谷歌地图功能中写入if条件？如何动态更改图像？

javascript google-maps google-maps-api-3

Javascript 如何在谷歌地图功能中写入if条件？如何动态更改图像？,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我想根据动态值更改谷歌地图中的图像如果值===1，它应该是1.jpg，如果值===2它应该是2.jpg这样。我需要根据来自数据库的JSON数据更改图像。3个图像空仓、正常仓、满仓 <head> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCLi6l" type="text/javascript"></script> <script> var

我想根据动态值更改谷歌地图中的图像

如果

值===1

，它应该是

1.jpg

，如果

值===2

它应该是

2.jpg

这样。我需要根据来自数据库的JSON数据更改图像。3个图像空仓、正常仓、满仓

 <head>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCLi6l" type="text/javascript"></script>


    <script>

var myCenter = new google.maps.LatLng(22.8046, 86.2029);
function initialize()
{
var mapProp = {
  center:myCenter,
  zoom:14,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
var image = 1;
var marker=new google.maps.Marker({
  position:myCenter,
  icon:'img/dustbin3.png'
});


marker.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);
    </script>
</head>

<body>
    <div id="googleMap" style="width:1580px;height:780px;"></div>

</body>


var myCenter=newgoogle.maps.LatLng（22.8046,86.2029）；
函数初始化（）
{
var mapProp={
中心：迈森特，
缩放：14，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“googleMap”），mapProp）；
var-image=1；
var marker=new google.maps.marker({
职位：迈森特，
图标：“img/dustbin3.png”
});
marker.setMap（map）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

我不确定你要找的东西是否合适，但我可以建议你试试这个

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

var value = //result of your JSON data
var v_icon='';

if(value<50){
   v_icon = '1.jpg';
}else if(value>50 && value<90){
   v_icon = '2.jpg';
}else if(value>90){
   v_icon = '3.jpg';
}

var marker=new google.maps.Marker({
  position:myCenter,
  icon: v_icon
});

var-map=new google.maps.map（document.getElementById（“googleMap”），mapProp）；
var value=//JSON数据的结果
变量v_图标=“”；
如果（值50和值90）{
v_图标='3.jpg'；
}
var marker=new google.maps.marker({
职位：迈森特，
图标：v_图标
});

如果不是这样的话，那么我不太明白你想要实现什么：）

那么图像应该显示在哪里？？我想展示一个特定经纬度的垃圾箱。根据值，我要更改不同的ERNET图像。满垃圾箱，空垃圾箱，等等。我更新了我的问题是谷歌api可以使用条件：它已经在你的“myCenter”变量中给出了！！因此，标记将设置在LatLng（22.8046，86.2029）上。我的值从1到100，如果它的值与if else的逻辑相同，但从何处获取该值？我从json数据获取该值。@sanjay您可以检查我的编辑，现在让我知道它是否有效