Google지도 JavaScript API v3을 사용하여 사무실 위치를 표시하는 방법

-2

Google지도에서 사무실 위치를 이미 지정했습니다.Google지도 JavaScript API v3을 사용하여 사무실 위치를 표시하는 방법

또한 API 키를 만들었습니다.

이제 내 연락처 페이지에 Google지도 위치를 표시하는 내장 코드를 사용합니다.

동일한 것을 AP 키로 바꾸고 싶습니다.

Google Maps JavaScript API v3를 사용하여 사무실 위치를 표시하는 방법.

지도를 확인하기위한 내 test.html 페이지는 다음과 같습니다. 내 위치를 표시하기 위해 어느 부분을 수정해야합니까?

당신은

구글 (점) COM /지도? LL = 9.965156,76.290034 & Z = 14 & t = m & HL = EN-US & GL = US & mapclient = URL을 아래에서 내 위치를 볼 수 있습니다 포함 & CID = 9383043750302267720

<!DOCTYPE html> 
<html> 
    <head> 
    <style type="text/css"> 
     html, body, #map-canvas { height: 100%; margin: 0; padding: 0;} 
    </style> 
    <script type="text/javascript" 
     src="https://maps.googleapis.com/maps/api/js?key=my key already added here"> 
    </script> 
    <script type="text/javascript"> 
     function initialize() { 
     var mapOptions = { 
      center: { lat: -9.959238, lng: 76.275271}, 
      zoom: 8 
     }; 
     var map = new google.maps.Map(document.getElementById('map-canvas'), 
      mapOptions); 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
<div id="map-canvas"></div> 
    </body> 
</html>

출처

2014-11-20 user3312708

은 아래 add a marker

코드가 당신을 위해 원하는 것 같은데 r initialize은 문서를 기반으로하지만 Lat, Lon 및 확대/축소 수준이있는 기능입니다.

var myLatlng = new google.maps.LatLng(9.965156,76.290034); 
var mapOptions = { 
    zoom: 8, 
    center: myLatlng 
} 
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); 

// To add the marker to the map, use the 'map' property 
var marker = new google.maps.Marker({ 
    position: myLatlng, 
    map: map, 
    title:"Hello World" 
});

마커의 제목 (위의 예에서 'Hello World')이 툴팁으로 나타납니다. 도구 설명이 필요하지 않으면 해당 줄을 제거 할 수 있습니다.

출처

2014-11-20 05:24:07 Josh

감사합니다. 하지만 그 자리 이름 (KOCHI)을 보여줍니다. 없음 내가 다음 아래의 이미지 http://imgur.com/gXXLHHy – user3312708

처럼 필요가 내 사무실 위치 내 위치, 사용하여이지도 API를 추가하는 방법을 https://www.google.com/maps /place/HostOnNet.com,+Venus+Chambers,+Valanjambalam/@9.9816358,76.2998842,11z/data=!4m6!1m3!3m2!1s0x0:0x82374493d0b73948!2sHostOnNet.com,+Venus+Chambers,+Valanjambalam! 3m1!1s0x0 : 0x82374493d0b73948? hl = ko-US/data =! 4m6! 1m3! 3m2! 1s0x0 : 0x82374493d0b73948! 2SHostOnNet.com + Venus + Chambers + Valanjambalam! 3m1! 1s0x0 : 0x82374493d0b73948? hl = en-US – user3312708

Google지도 JavaScript API v3을 사용하여 사무실 위치를 표시하는 방법

답변

관련 문제