Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.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 onclick在chrome中不起作用_Javascript - Fatal编程技术网

javascript onclick在chrome中不起作用

javascript onclick在chrome中不起作用,javascript,Javascript,我需要有人来引导我,因为我不知道我的代码哪里出错了。这段代码在我的IE和FF中运行良好,但在Chrome或Safari中不起作用。在右边,当我点击dropdownlist选项时,它将显示所选位置的精确地图。但在我的Chrome和Safari中,它只显示了初始地图,而没有显示列表中选定的位置 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Go

我需要有人来引导我,因为我不知道我的代码哪里出错了。这段代码在我的IE和FF中运行良好,但在Chrome或Safari中不起作用。在右边,当我点击dropdownlist选项时,它将显示所选位置的精确地图。但在我的Chrome和Safari中,它只显示了初始地图,而没有显示列表中选定的位置

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Google Maps JavaScript API Example</title>

  <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAn5fGcWgolNQy8U9PV2YsP1P3Knn23Jro&sensor=false"></script>
  <script type="text/javascript">
    // Variables Initialize
    var marker;
    var map;
    var image = "flag.png";
    function initialize(lat,lng) {
      var singapore = new google.maps.LatLng(lat,lng);
      var settings = {
        zoom: 11,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        center: singapore,  
        mapTypeControl: true,
        mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
            position: google.maps.ControlPosition.TOP_RIGHT},
        navigationControl: true,
        navigationControlOptions: {
            style: google.maps.NavigationControlStyle.SMALL},
        panControl: true,    
        panControlOptions: {
            position: google.maps.ControlPosition.RIGHT_TOP},
        zoomControl: true,
        zoomControlOptions: {
            style: google.maps.ZoomControlStyle.DEFAULT,
            position: google.maps.ControlPosition.LEFT_TOP},
        scaleControl: true,    
        scaleControlOptions: {
            position: google.maps.ControlPosition.BOTTOM_RIGHT}
      };
      map = new google.maps.Map(document.getElementById("map_canvas"), settings);
      marker = new google.maps.Marker({
          map: map,
          draggable:false,
          animation: google.maps.Animation.DROP,
          position: singapore,
          title:"Singapore",
          icon: image
      });
    }
  </script>
  </head>
  <body onload="initialize('1.28563','103.80918')" onunload="GUnload()">
    <select>
        <option onclick="initialize('1.28563','103.80918')">--Select Location--</option>
        <option onclick="initialize('1.28527','103.82682')">Blk 18A Jalan Membina</option>
        <option onclick="initialize('1.28277','103.82562')">Blk 26 Jalan Membina</option>        
        <option onclick="initialize('1.31546','103.766363')">Blk 321-326 Clementi Ave 5</option>
    </select>
    <div id="map_canvas" style="width: 500px; height: 300px"></div>
  </body>

GoogleMapsJavaScriptAPI示例
//变量初始化
var标记;
var映射;
var image=“flag.png”;
功能初始化(lat、lng){
var singapore=new google.maps.LatLng(lat,lng);
变量设置={
缩放:11,
mapTypeId:google.maps.mapTypeId.ROADMAP,
中心:新加坡,
mapTypeControl:true,
mapTypeControlOptions:{
样式:google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
位置:google.maps.ControlPosition.TOP_RIGHT},
导航控制:对,
导航控制选项:{
样式:google.maps.NavigationControlStyle.SMALL},
泛控制:对,
全控选项:{
位置:google.maps.ControlPosition.RIGHT\u TOP},
动物控制:对,
ZoomControl选项:{
样式:google.maps.ZoomControlStyle.DEFAULT,
位置:google.maps.ControlPosition.LEFT_TOP},
scaleControl:对,
规模控制:{
位置:google.maps.ControlPosition.BOTTOM_RIGHT}
};
map=new google.maps.map(document.getElementById(“map_canvas”),设置);
marker=新的google.maps.marker({
地图:地图,
可拖动:错误,
动画:google.maps.animation.DROP,
职位:新加坡,
标题:“新加坡”,
图标:图像
});
}
--选择位置--
梅比纳18号楼A座
杰兰门比纳26号楼
克莱门蒂大街5号321-326栋

删除代码中的
中心:ramkySG
有什么用?

中添加
onclick
似乎不是一个好主意;我将改为使用
上的
onchange
,并使用
value
属性来存储lat/lng:

<select onchange="movemap(this)">
    <option value="1.28563,103.80918">Blk 18a Jln Membina</option>
    ...

function movemap(sel)
{
    var opt = sel.options[sel.selectedIndex],
    vals = opt.value.split(',');

    initialize(vals[0], vals[1]);
}

Blk 18a Jln Membina
...
功能移动地图(sel)
{
var opt=sel.options[sel.selectedIndex],
VAL=opt.value.split(',');
初始化(VAL[0],VAL[1]);
}

首先,您是否检查了控制台是否有错误?嗨,Christian Varga,我检查了使用和我的Chrome javascript控制台Hi Jack,我尝试了ammend作为您代码片段中的内容,但现在所有浏览器都不工作。@kokloong没有测试我的代码,这就是为什么:)我更新了答案。没有用,实际上是打字错误。不是“ramkySG”,而是“singapore”