jQueryまたはPHPを使用しないgoogle maps apiのPanTo（）

私は開発者ではなく、このにこだわっています。私が望むのは、新しいGoogleマップを読み込まずにjQueryを使わずにif-else文でこの関数を実行することだけです。jQueryまたはPHPを使用しないgoogle maps apiのPanTo（）

<body> 
    <div id="map"></div> 
    <div> 
     <ul> 
      <li><a href="#" id="abc" onclick="main(1)">A</a></li> 
      <li><a href="#" id="def" onclick="main(2)">B</a></li> 
      <li><a href="#" id="ghi" onclick="main(3)">C</a></li> 
      <li><a href="#" id="jkl" onclick="main(4)">D</a></li> 
     </ul> 
</body> 
</div> 

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBFX2v5z34vYKl0We4nHV4KFV1j6uVsltg&callback=main"></script>

と機能である：

function main(number) { 
var map; 
var map= { 
    center:new google.maps.LatLng(33.72939,73.09315), 
    zoom:10, 
    }; 

if (number==1) { 
    map.setCenter(51.508742,-0.120850); 
}else if (number==2) { 
    map.setCenter(33.72939,73.09315); 
}else if (number==3) { 
    map.setCenter(33.939445,73.34587); 
}else{ 
    alert("Sorry! No Place found with name ") 
} 
var map1= new google.maps.Map(document.getElementById("map"),map); 
}

出典

2017-04-01 Fatima

'href ="＃ "'あなたのウェブサイトを一番上にスクロールします。あなたはそれを望んでいません。（うまくいけば、誰かがそれを防ぐ方法をあなたに教えてくれるでしょう） –

あなたのAPIキーを編集して、それを取り消すことができます。 –

は、私は目の後に&callbackを除去したこともmap.setCenter(latLngObject);ないmap.setCenter("lat", "lng");

// don't complicate using else/if-s. Simplify your code! 
 

 
var locations = { // name : [lat, lng] 
 
    "1" : [51.508742, -0.120850], 
 
    "2" : [33.72939, 73.09315], 
 
    "3" : [33.939445, 73.34587] 
 
}; 
 

 
// Define map Object 
 
var map = new google.maps.Map(document.getElementById("map"), { 
 
    // common map options here 
 
    zoom: 16, 
 
}); 
 

 

 
function main(name){ 
 
    
 
    if(!(name in locations)) return alert("Sorry! No Place found with name: "+ name); 
 
    // Create a new LatLng Object 
 
    var latLng = new google.maps.LatLng(locations[name][0], locations[name][1]); 
 
    map.setCenter(latLng); 
 
} 
 

 

 
// Init map using location name "2" 
 
main("2");

#map{height:200px;} 
 
li {display: inline-block;} li a{cursor: pointer;}

<ul> 
 
    <li><a id="abc" onclick="main(1)">A</a></li> 
 
    <li><a id="def" onclick="main(2)">B</a></li> 
 
    <li><a id="ghi" onclick="main(3)">C</a></li> 
 
    <li><a id="jkl" onclick="main(4)">D</a></li> 
 
</ul> 
 
    
 
<div id="map"></div> 
 
    
 
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBFX2v5z34vYKl0We4nHV4KFV1j6uVsltg"></script>

の通知であるべきe google maps URI

出典

2017-04-01 05:29:53

jQueryまたはPHPを使用しないgoogle maps apiのPanTo（）

答えて

関連する問題